/** filosofia - styles généraux **/

/* reset styles, set base fonts and colors */
BODY
{
	margin: 0; padding: 0;
    background: #fff url(../img/gen/gen_texture_fond_dreamfacto.jpg) repeat-x 0 0;
	font-family: Georgia, Arial, Verdana, serif;
	font-size: 0.75em;
	color: #000;
}
IMG, A IMG
{
	border: none;
}
H1, H2, H3, H4, H5, H6, H7
{
    margin: 0; padding: 0;
}

A:link
{
	color: #cf4729;
	text-decoration: none;
}
A:visited
{
	color: #cf4729;
	text-decoration: none;
}
A:hover
{
	color: #0060b6;
	text-decoration: none;
}
A:active
{
	color: #0060b6;
	text-decoration: none;
}
/** specifics **/
#wrapper
{
	margin: 0 auto;
	width: 950px;
}

#header
{
    position: relative;
    top:0px;
    left:84px;
    width: 822px; height: 286px;
    margin: 0 0 0 0;
}
	#header H1
	{
		position: absolute;
		top: -100px; left: -100px;
	}
	#header #filoBanner
	{
	   position: relative;
	   top: 150px; left: 145px;
	}
	#header #pub
	{
  	   width:390px;
	   height:60px;
	   border-style:solid;
	   border-color:#ffffff;
	   border-width:2px;	
	   position: relative;
	   top: 221px; left: 195px;
	}
#leftCol
{
	float: left;
	width: 85px;
	margin: 80px 0 0; padding: 0;
	text-align: right;
}
#main
{
	float: left;
	width: 578px;
    background: #f2e5ae;
    margin: 0; padding: 0 0 12px;
}
       #topMenu
       {
           margin: 0; padding: 7px 0 0;
           font-size: 1em;
       }
           #topMenu UL
           {
               float: right;
               margin: 10px 0 0; padding: 0;
               height: 25px;
           }
           #topMenu UL LI
           {
               display: block;
               float: left;
               margin: 0; padding: 15px 0 0 9px;
               color: #fff;
               letter-spacing: 0.02em;
           }
                #topMenu UL LI IMG
                {
                    display: block;
                    position: relative;
                    top: -8px;
                }
                #topMenu UL LI A:link
                {
                    color: #fff;
                    text-decoration: none;
                }
                #topMenu UL LI A:visited
                {
                    color: #fff;
                    text-decoration: none;
                }
                #topMenu UL LI A:hover
                {
                    color: #dec844;
                    text-decoration: none;
                }
                #topMenu UL LI A:active, #topMenu UL LI.inPage A
                {
                    color: #dec844;
                    text-decoration: none;
                }
           #topMenu H2 IMG
           {
               display: block;
               margin: 0; padding: 0;
           }
    #content
    {
        background: #f2e5ae;
        border: 1px #f2e5ae solid;
    }
        #content H3
        {
            font-size: 1.1em;
            width: 177px;
            padding: 17px 0 3px 24px;
            letter-spacing: 0.03em;
        }
        #content H3.noCount
        {
            width:  350px;
        }
        .moreInfo
        {
            float: right;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            color: #000000;
            font-size: 0.9em;
            font-weight: bold;
            width: 125px;
            border-width: 1px;
            border-color: #8f8f8f;
            border-style: /*solid*/;
        }
            .moreInfo SPAN
            {
                display: block;
                height: 10px;
                margin: 0;
                padding-top: 14px;
                text-align: right;
            }
            .moreInfo SPAN SPAN
            {
                display: block;
                width: 80px;
                margin: 0;
                padding:0px;
                
            }
            
            .joueurs
            {
                background: transparent url(../img/icons/icon-joueurs.gif) no-repeat;
                padding-right: 40px;
                background-position:  100% 50%;
            }
            .age
            {
                background: transparent url(../img/icons/icon-ages.gif) no-repeat;
                padding-right: 40px;
                background-position: 87% 50%;
            }
            .duree
            {
                background: transparent url(../img/icons/icon-duree.gif) no-repeat;
                padding-right: 40px;
                background-position: 78% 50%;
            }
        #text
	    {
	       float: left;
	       width: 400px;
           background: #f2e5ae;
           padding: 10px 8px 0 8px;
           border-right: 1px solid #0060b6;
           margin: 0 0 12px;
           min-height: 250px;
	    }
	    #text H3
	    {
	       padding: 17px 0 3px 0;
	       width: auto;
	    }
	       #text .para
	       {
	           background-color: #fff;
	           margin: 0 0 10px; padding: 8px 10px 1px 10px;
	           font-size: 1em;
	       }
	           #text .para H4
	           {
	               color: #0060b6;
	               font-size: 1.2em;
	           }

	           
	           #text .auteurs LI
	           {
	               list-style-type: none;
	           }	           
	           #text .auteurs UL
	           {
	               margin: 0 10px 0 0; padding: 0;
	               width: auto;
	           }
	           #text .auteurs H3
	           {
	               color: #cf4729;
	               font-size: 1em;
	               margin: 10px 10px 0 0;
	           }
	        #text P IMG
	        {
	           display: block;
	           margin: 0 auto;
	        }
            #text.jeux
            {
                margin: 20px 0 12px;
            }
            #text.jeux H3
            {
                padding: 0 0 0 0;
            }
            #text.jeux H2 IMG, #text.jeux H3 IMG
            {
                display: block;
            }
            #text.jeux .para
            {
                margin: 0 0 0;
            }
            
            #text UL.listJeux
            {
                margin: 20px 0 0; padding: 0;
            }
            #text UL.listJeux LI
            {
               display: block;
               list-style-type: none;
               margin: 0 0 35px; padding: 0;
               clear: both;
               height: 48px;
               width: 370px;
            }
            #text UL.listJeux LI IMG
            {
                display: block;
                float: left;
            }

            #text UL.listJeux LI DIV
            {
                margin: 0 0 0 8px; padding: 0;
                width: 200px;
                float: left;
            }
            #text UL.listJeux LI H4
            {
                font-size: 0.9em;
                margin: 0; padding: 0;
            }
            #text UL.listJeux LI P
            {
                font-size: 0.9em;
                margin: 0; padding: 0;
            }
            #text UL.listJeux LI .lnk
            {
                text-align: right;
                padding-top: 33px;
            }
               
                .liens H3
                {
                    color: #0060b6;
                    font-size: 0.9em;
                }
                .liens P
                {
                    background-color: #f8f1d4;
                    margin: 2px 22px;
                    padding: 5px;
                    font-size: 0.8em;
                }
                .liens P STRONG
                {
                    color: #cc4623;
                }
                .liens A
                {
                    color: black;
                    float: right;
                }
                
                .contact H3
                {
                    color: #0060b6;
                    font-size: 0.9em;
                }
                .contact P
                {
                    background-color: #f8f1d4;
                    margin: 0 22px;
                    padding: 5px;
                    font-size: 0.8em;
                }
                .contact P STRONG
                {
                    color: #cc4623;
                }
                .contact A
                {
                    color: #cc4623;
                    float: right;
                }
        .topCount UL.counter
        {
            float: right;
            margin: 20px 0 0 0;
            width: 90px;
            padding: 0 200px 0 0;
            text-align: right;
        }
	        .topCount UL.counter LI
	        {
	           display: inline;
               color: #cf4729;
               font-size: 0.9em;
	        }
	    .btmCount
	    {
	       margin-top: 25px;
	    }
	    .btmCount UL.counter
	    {
            padding: 0;
            text-align: right;
	    }
	        .btmCount UL.counter LI
	        {
	           display: inline;
               color: #cf4729;
               font-size: 0.9em;
	        }
	        .btmCount IMG
	        {
	           float: right;
	           margin: -10px 0 0 5px;
	        }
        #news
	    {
	        width: 141px;
	        margin: 22px 0 0 424px;
	        padding: 0;
	        height: 100%;
	    }
	       #news H3
	       {
	           padding: 0 0 0 0;
	           width: 135px;
	       }
            #news H3#auteur
            {
                margin-top: 25px;
            }
	       #news UL
	       {
	           font-size: 0.95em;
	           margin: 0; padding: 0;
	       }
	       #news LI
	       {
	       display: block;
               border-bottom: 1px solid #0060b6;
               margin: 0 0 9px 0;
               list-style-type: none;
	       }
	       #news LI.first
	       {
	           border: none;
	           background: transparent url(../img/icons/demi_bullet_out.gif) repeat-x right bottom;
	           padding-bottom: 7px;
	       }
	       #news LI IMG
	       {
	           display: block;
	       }
	       #news LI P
	       {
	           margin: 0; padding: 0;
	       }
	       #news LI P.date
	       {
	           float: right;
	       }
	       #news LI P.news, #news LI P.news A:link
	       {
	           margin: 4px 0;
               font-family: tahoma, verdana, arial, sans-serif;
               color: #000;
	       }
	       #news LI P.news A:visited
	       {
               color: #000;
	       }
	       #news LI P.news A:hover
	       {
               color: #cf4729;
	       }
	       #news LI P.news A:active
	       {
               color: #cf4729;
	       }
	       #news P.link
	       {
               background: transparent url(../img/icons/bt_home_orange_out.gif) no-repeat right top;
               text-align: right;
               font-size: 0.9em;
               padding: 10px 25px 0 0;
               margin: 0 26px 0 0;
	       }
	        
           #news P.link A:link
           {
               color: #cf4729;
               text-decoration: none;
           }
           #news P.link A:visited
           {
               color: #cf4729;
               text-decoration: none;
           }
           #news P.link A:hover
           {
               color: #cf4729;
               text-decoration: none;
           }
           #news P.link:hover
           {
               background: transparent url(../img/icons/bt_home_orange_over.gif) no-repeat right top;
           }
           #news P.link A:active
           {
               color: #cf4729;
               text-decoration: none;
           }
    #news UL.sectionsJeux 
    {
        margin-top: 20px;
    }
    #news UL.sectionsJeux LI
    {
        border-bottom: none;
	    background: transparent url(../img/icons/demi_bullet_out.gif) no-repeat left 5px;
	    font-size: 0.95em;
	    padding: 0 0 0 20px;
	    margin: 5px 0 0 20px;
    }
    #news.par
    {
	   margin: 0 0 0 424px;
    }
        #news.par H4
        {
            text-transform: capitalize;
            margin: 0 0 7px;
            font-size: 1.2em;
        }
        #news.par UL
        {
            width: 140px;
            margin: 0 0 25px;
        }
        #news.par LI
        {
            border-bottom: none;
            padding: 0; margin: 0;
        }

#rightCol
{
	width: 188px;
	float: left;
	background-color: #ebdfb5;
}
    #rightCol #jeux
    {
        border: 5px solid #1541a7;
        margin: 35px 20px 20px;
        background-color: #fff;
        text-align: center;
    }
        #rightCol #jeux H2
        {
            color: #893835;
            font-size: 1.3em;
            margin: 12px 12px 7px;
            background: transparent url(../img/icons/demi_bullet_out.gif) repeat-x right bottom;
            padding-bottom: 7px;
        }
        #rightCol #jeux UL
        {
            margin: 0; padding: 0;
        }
        #rightCol #jeux LI
        {
            display: block;
            border-bottom: 1px solid #0060b6;
            padding: 0;
            list-style-type: none;
            margin: 0 12px;
        }
        #rightCol #jeux LI A:link
        {
            color: #0060b6;
        }
        #rightCol #jeux LI A:visited
        {
            color: #0060b6;
        }
        #rightCol #jeux LI A:hover
        {
            color: #efb616;
        }
        #rightCol #jeux LI A:active
        {
            color: #efb616;
        }
        #rightCol LI P
        {
            color: #0060b6;
            font-size: 0.8em;
            font-weight: bold;
        }
        #rightCol #jeux LI.last
        {
            border-bottom: none;
        }
#footer
{
	clear: both;
	width: 530px;
	margin-left: 85px;
	text-align: center;
	font-size: 0.8em;
	padding: 10px 0;
}
    #footer UL
    {
    }
    #footer UL LI
    {
        display: inline;
        list-style-type: none;
    }
           #footer A:link
           {
               color: #000;
               text-decoration: none;
               padding: 0 10px;
           }
           #footer A:visited
           {
               color: #000;
               text-decoration: none;
               padding: 0 10px;
           }
           #footer A:hover
           {
               color: #000;
               text-decoration: none;
               padding: 0 10px;
           }
           #footer A:active
           {
               color: #000;
               text-decoration: none;
               padding: 0 10px;
           }
      #footer P
      {
        margin: 0; padding: 0;
      }
/** generic classes **/
.date
{
	color: #cf4729;
	font-size: 0.9em;
	text-align: right;
}
.lnk
{
	cursor: pointer;
}
.back
{
    font-size: 0.9em;
    text-align: right;
    margin: 30px 0 0 0;
}
#bt-extensions h2
{    
    font-size: 1em;
}