html, body {
    height:100%;
}
body {
    background-color:#2B2B2D;
    text-align:center;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    color:#DDDDDD;
}
body, img, div, table, td, tr, th, h1, ul, li, h1, h2, h3, p {
    margin:0;
    padding:0;
    border:none;
}
a, a:visited {
    color:#777777;
    text-decoration:none;
}
a:hover, a:visited:hover {
    color:#A1A1B7;
    text-decoration:none;
}
#cadres a, #cadres a:visited {
    color:#A1A1B7;
    text-decoration:none;
}
#cadres a:hover, #cadres a:visited:hover {
    color:#777777;
    text-decoration:none;
}
#fond {
    background-image:url('http://jolstatic.fr/jumpgate/site/img/bg_global.jpg');
    background-repeat:repeat-y;
    background-position:center 30px;
}
#top {
    background-image:url('http://jolstatic.fr/jumpgate/site/img/bg_top.jpg');
    background-repeat:no-repeat;
    background-position:center top;
}
#site {
    width:983px;
    margin:0 auto;
}
#header {
    width:983px;
    height:300px;
    background-image:url('http://jolstatic.fr/jumpgate/site/img/header.jpg');
    background-repeat:no-repeat;
    background-position:-1px 0px;
}
#lien_entete {
    width:100%;
    height:100%;
    display:block;
}
#container_menu {
    width:983px;
    height:80px;
    background-image:url('http://jolstatic.fr/jumpgate/site/img/bg_menu.jpg');
    background-repeat:no-repeat;
    background-position:-1px 0px;
    padding-left:27px;    
}
#menu {
    padding-top:25px;
}
#menu, #menu ul {
	list-style : none;
	line-height : 28px;
	text-align : center;
}
#menu ul {
        border:1px solid #000000;
}
#menu {
	font-weight : bold;
	z-index:300; !important
}
#menu .fleche {
    position:absolute;
    margin-top:-15px;
    right:3px;
}
#menu a {
	display	: block;
	color : #FFFFFF;
	text-decoration : none;
	width : 175px;
        font-size:14px;
}
#menu li li a {
	display	: block;
	color : #000000;
        background-color:#CCCCCC;
	text-decoration : none;
	width : 185px;
        font-size:11px;
        opacity:0.9;
        padding-left:5px;
        filter:alpha(opacity=90);
        text-align:left;
}
#menu li ul a {
        width:185px;
}
#menu li { 
	float : left; 
}
html>body #menu li li {
	border-right:1px solid #000000;
}

#menu li ul { 
	position: absolute;
	width: 185px;
	left: -999em;
        margin-left:-1px;
        z-index:300;
}
#menu li ul li {
	border-bottom : none;
}
html>body #menu li ul li {
	border-bottom : none;
}
#menu li ul ul {
	margin		: -29px 0 0 190px ;
}
#menu li li a:hover {
	color: #000000;
	background: #EEEEEE;
}
#menu li:hover ul ul, #menu li.sfhover ul ul {
	left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
	left: auto;
	min-height: 0;
}

#contenu {
    background-color:#000000;
    width:982px;
    overflow:hidden;
}
#corps {
    width:741px;
    float:left;
}
#cadres {
    background-image:url("http://jolstatic.fr/jumpgate/site/img/bg_cadres.jpg");
    background-repeat:no-repeat;
    background-position:-1px 0px;
    width:741px;
    height:219px;
}
#actus {
    float:left;
    margin-left:35px;
    margin-top:60px;
    text-align:left;
    width:330px;
    height:130px;
    padding:5px;
}
#forum {
    float:left;
    margin-left:30px;
    margin-top:60px;
    text-align:left;
    width:325px;
    height:130px;
    padding:5px;
}
#actus ul {
    list-style:none;
}
#colonne {
    float:left;
    background-image:url("http://jolstatic.fr/jumpgate/site/img/bg_pub.jpg");
    background-repeat:repeat-y;
}
#image {
    background-image:url("http://jolstatic.fr/jumpgate/site/img/bg_image.jpg");
    background-repeat:no-repeat;
    padding-top:70px;
}
#pub {
    padding-top:40px;
    width:241px;
}
#pub_bas {
    background-image:url("http://jolstatic.fr/jumpgate/site/img/pub_bas.jpg");
    background-repeat:no-repeat;
    margin-left:13px;
    width:228px;
    height:45px;
}
.actu {
    background-image:url("http://jolstatic.fr/jumpgate/site/img/fond_actu.jpg");
    background-repeat:repeat-y;
    width:732px;
    margin-left:10px;
    text-align:left;
}
.actu .top {
    background-image:url("http://jolstatic.fr/jumpgate/site/img/top_actu.jpg");
    background-repeat:no-repeat;
    width:731px;
    height:92px;
    padding-left:50px;
}
.actu .top h1 {
    padding-top:40px;
    font-size:20px;
    display:block;
    width:660px;
    border-bottom:2px solid #DDDDDD;
}

.actu .top h2 {
    padding-top:40px;
    font-size:18px;
    display:block;
    width:660px;
    border-bottom:1px solid #DDDDDD;
}

.actu .contenu {
    padding-left:50px;
    padding-right:30px;
}
.actu .contenu h2 {
    font-size:16px;
	margin-bottom:15px;
	border-bottom:1px solid #DDDDDD;
}
.actu .contenu p {
    mmargin-bottom:10px;
}
.actu .contenu h1 {
    font-size:17px;
	margin-bottom:15px;
	border-bottom:2px solid #DDDDDD;
}
.actu .contenu h3 {
    font-size:14px;
}
.actu .vignette {
    width:123px;
    height:101px;
    float:left;
    background-image:url("http://jolstatic.fr/jumpgate/site/img/vignette.jpg");
    background-repeat:no-repeat;
    margin:35px 5px 0px 0px;
}
.actu .bas {
    background-image:url("http://jolstatic.fr/jumpgate/site/img/bottom_actu.jpg");
    background-repeat:no-repeat;
    width:732px;
    height:91px;
    margin-left:11px;
}
.actu .bas .auteur {
    padding-top:25px;
    margin-left:40px;
    font-size:11px;
}
.actu .bas .auteur ul, .actu .bas .auteur li {
    list-style:none;
    display:inline;
}


div.jol_actus_tags {
    display:inline;
}
div.jol_actus_tags ul.jol_actus_tags_liste {
    list-style-type:    none;
    display:inline;
}
div.jol_actus_tags li.jol_actus_tags_tag {
    display:            inline;
    padding-right:      5px;
}
div.jol_actus_tags li.jol_actus_tags_tag:after {
    content:    ',';
}
div.jol_actus_tags li.jol_actus_tags_tag_dernier:after {
    content:    '';
}
#footer {
    background-image:url("http://jolstatic.fr/jumpgate/site/img/footer.jpg");
    background-repeat:no-repeat;
    background-position:9px 0px;
    width:1003px;
    height:268px;
    margin:0 auto;
    text-align:left;
}
#copyright {
    text-align:center;
    width:400px;
    margin-left:10px;
    padding-top:200px;
}
/**
 * Pages - Container
 */
div.jol_actus_pages {
    color:  #999;
    margin: 10px 0;
}

/**
 * Pages - Liste des pages
 */
div.jol_actus_pages ul.jol_actus_pages_liste {
    margin:     0;
    padding:    0;
    text-align: left;
}

/**
 * Pages - Page
 */
div.jol_actus_pages li.jol_actus_page {
    list-style-type:    none;
    display:            inline;
    padding-bottom:     1px;
    margin-right:       3px;
}

/**
 * Pages - Séparateur
 */
div.jol_actus_pages li.jol_actus_page_separateur { }

/**
 * Pages - Lien vers une page
 */
div.jol_actus_pages a.jol_actus_page_lien {
    border:             1px solid #9aafe5;
    color:              #2e6ab1;
    padding:            2px 5px;
    text-decoration:    none;
}

/**
 * Pages - Lien vers une page (survolé ou actif)
 */
div.jol_actus_pages a.jol_actus_page_lien:hover,
div.jol_actus_pages a.jol_actus_page_lien:active {
    border:             1px solid #00468C;
    color:              #00468C;
}

/**
 * Pages - Lien vers la page courante
 */
div.jol_actus_pages a.jol_actus_page_lien_actif,
div.jol_actus_pages a.jol_actus_page_lien_actif:hover {
    background-color:   #2e6ab1;
    color:              #fff;
    border-color:       #2b66a5;
    font-weight:        bold;
    cursor:             default;
}

/**
 * Pages - Lien vers la page précédente ou suivante
 */
div.jol_actus_pages a.jol_actus_page_lien_suivprec {
    color:              #00468C;
    font-weight:        bold;
}
div.jol_actus_pages a.jol_actus_page_lien_suivprec:hover {
    color:              #00468C
}

/**
 * Pages - Liens désactivés
 */
div.jol_actus_pages a.jol_actus_page_lien_desactive,
div.jol_actus_pages a.jol_actus_page_lien_desactive:hover {
    border-color:       #ccc;
    color:              #ccc;
    cursor:             default;
    font-weight:        normal;
}