#xo_global
{
        width:100%;
        text-align:center;
        margin:0;
        padding:0;
        
}
#xo_alignement 
{
        width:800px;
        margin:40px auto 40px auto;
        padding:0;
        text-align:center;
        font-family : "Trebuchet MS","Verdana",Times, serif;
}
#xo_logo
{
        height:60px;
        MARGIN:20px 0 20px 0;
        PADDING:0;
        background-image:url('./images/logo1.gif');
        background-position:20px 0;
        background-repeat:no-repeat;
}
#xo_menu
{
        width:100%;
        height:40px;
        padding:0;
        margin:0;
        background-image:url('./images/back.gif');
        background-position:0 0;
        background-repeat:no-repeat;
}
#xo_menu ul
{
        margin: 0 0 0 150px;
        padding: 0;
}

#xo_menu ul li 
{
        float:left;
        margin: 0; 
        padding: 0;
        display: inline;
        list-style: none;
}
        
#xo_menu ul a
{
        float: left;
        line-height: 24px;
        font-weight: normal;
        font-size:12px;
        margin: 0 10px 0 10px;
        padding-top:6px;
        text-decoration: none;
        color: #777;
        background-color: transparent;
}

#xo_menu ul a:hover 
{
        border-top: 2px solid #21B4E4;
        padding-top: 4px;
        color: #1795C0;
        background-color:transparent;
}
#xo_alignement h1
{
        padding:4px 4px 2px 15px;
        background:#fafafa;
        margin:40px auto 20px auto;
        width:90%;
        border-bottom:#eee 6px solid;
        
        color:#666;
        text-align:left;
        font:italic 20px/1.1em "Trebuchet MS", "Verdana", sans-serif;
}

#xo_alignement h2
{
        background:#fff;
        padding:0 0 0 20px;
        margin:20px auto 10px auto;
        width:100%;
        border-bottom:#ddd 1px solid;
        
        color:#333;
        text-transform:uppercase;
        
        text-align:left;
        font:normal 16px/1.1em "Trebuchet MS", "Verdana", sans-serif;
}
div.xo_contenu
{
        border:0;
        padding:0;
        margin:10px auto 10px auto;
        width:80%;
        text-align:center;
}
/* UL Class : Lien_actif */
div.xo_contenu ul
{
        margin: 0;
        padding: 0;
        border: none;
        list-style: none;
        list-style-image: none;
}
div.xo_contenu ul li
{
        margin:0 auto;
        padding:0;
        text-align:center;
        width:80%;
}
div.xo_contenu ul li a
{
        
        display: block;
        text-align:left;
        width:100%;
        margin:0 auto 4px auto;
        padding:4px 4px 4px 10px;
        text-decoration:none;

        color: #2C8ACF;
        background:#F3FAFE;
}
div.xo_contenu ul li a:hover
{
        color: #2C8ACF;
        background:#DAEFFC;
}
/* UL Class : Liste inactive */
div.xo_contenu ul li.inactif
{
        margin:0 auto;
        text-align:left;
        width:80%;
        color:#666;
        background-color:#fafafa;
        padding:4px 4px 4px 10px;
}
div.xo_contenu p.presentation
{
        text-align:justify;
        color:#174A71;
        background-color:#F3FAFE;
        margin:0;
        padding:8px;
        line-height:150%;
}
div.xo_contenu p.presentation a
{
        padding:1px 4px 1px 4px;
        background:#fff;
        color:#999;
        border:#eee 1px solid;
        text-decoration:none;
}
div.xo_contenu p.presentation a:hover
{
        background:#56B7F1;
        color:#fff;
        border:#fff 1px solid;  
        text-decoration:none;
}
#infos_page
{
        margin:40px auto 0px auto;
        padding:4px 4px 4px 6px;
        background:#555;
        color:#aaa;
        text-align:left;
}
#infos_page a
{
        color:#f5f5f5;
        background:transparent;
        font-weight:bold;
        text-decoration:none;
}
#infos_page a:hover
{
        color:#B6DFF8;
        border-bottom:#fff 1px solid;
        background-color:transparent;
}