/** Jeux CDO - styles généraux **/
BODY
{
    background-color: #ccc;
    font-family: "Trebuchet MS", Trebuchet, sans-serif;
    font-size: 0.9em;
    color: #333;
}
IMG, A IMG
{
    border: none;
}
H1, H2, H3, H4
{
    margin: 0; padding: 0;
    font-family: arial, verdana, sans-serif;
}
  A:link {
    color: #303;
  }
  A:visited {
    color: #003;
  }
  A:hover {
    color: #303;
  }
    #wrapper
    {
        margin: 0 auto; padding: 0;
        width: 750px;
        background: #fff;
        border: 2px solid #333;
    }
    #header
    {
        padding: 0;
        background-color: #ccc;
        color: inherit;
        text-align: center;
        border-bottom: 1px solid #333;
    }
       #header IMG.logo
       {
           display: block;
           float: left;
           margin: 0; padding: 0;
       }
       #header H1
       {
           margin: 0; padding: 2em 0 0;
           font-size: 1.5em;
           letter-spacing: 0.5em;
       }
       #header H1 A
       {
           margin: 0; padding: 0;
           color: #333;
           text-decoration: none;
           font-variant: small-caps;
       }
       #header P
       {
           font-style: italic;
           margin: 0 auto; padding: 0.5em 0;
           width: 620px;
           clear: both;
       }
       
       
       
    #main
    {
        margin: 0;
    }

            #menu UL
            {
                margin: 0.7em auto; padding: 0;
                text-align: center;
            }
            #menu LI
            {
                list-style-type: none;
                margin: 1em 2px 0;
                display: inline;
            }
            #menu LI A
            {
                padding: 2px 7px;
                border: 1px #333 solid;
                text-align: center;
                font-size: 0.9em;
                text-decoration: none;
            }
        #content
        {
            clear: both;
            padding: 0;
        }
        H2
        {
            color: #333;
            padding: 0 0 3px 0;
            background: transparent url(../img/h2-bkg.gif) repeat-x bottom left;
        }
        H3
        {
            color: #333;
            padding: 0;
        }
        #who
        {
            padding: 1em;
            margin: 0 0 1em;
        }
            .whoImg
            {
                float: left;
                border: 1px #333 solid;
                padding: 0.3em;
            }
            .whoTxt
            {
                margin-left: 370px;
                height: 260px;
            }
            
        #contact
        {
            float: left;
            padding: 0.3em;
            margin: 0 1em;
            width: 180px;
            font-size: 0.9em;
            background-color: #ccc;
        }
        #philosophy
        {
            margin: 0 17px 0 210px;
            padding: 0.3em 1.6em;
            border: 1px #333 solid;
        }
        #news
        {
            clear: both;
            margin: 1em;
            padding: 0.3em 1em;
        }
            #news LI, #news UL
            {
                margin: 0; padding: 0;
                list-style-type: none;
            }
            #news LI P, #news LI H4
            {
                margin: 0; padding: 0;
            }
        .news
        {
            margin: 0 0 1em;
            padding: 0 1em;
            clear: both;
        }
        .newsImage
        {
            float: left;
            margin: 0 1em 0 0;
        }
        .newsText
        {
        }
        #citation
        {
            margin: 0 auto 1em;
            text-align: center;
            border: 1px #333 solid;
            width: 500px;
        }
        #content H2
        {
            text-align: center;
            padding: 1em 0;
            clear: both;
        }
        .text
        {
            margin: 0 17px;
            padding: 0.3em 1.6em;
            clear: both;
        }
        .images
        {
            margin: 0 auto;
            text-align: center;
        }
        .imgContent
        {
            display: inline;
            padding: 0.5em;
            margin: 0.2em;
        }
  #footer
  {
     clear: both;
     height: 60px;
     color: #333;
     font-size: 0.8em;
     padding: 0 0 0 2em;
     font-style: italic;
  }