/* CSS Document */
html, body {
        height:100%;
}
body {
	background-color:#161616;
	text-align:center;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	background-image:url('http://jolstatic.fr/left4dead/site/img/fond.jpg');
	background-position:center 30px;
	background-repeat:repeat-y;
    color:#969CBD;
}
body, img, div, table, td, tr, th, h1, ul, li, h1, h2, h3, p {
	margin:0;
	padding:0;
	border:none;
}
a, a:visited{
    color:#D05F5F;
    text-decoration:none;
}
a:hover, a:visited:hover {
    color:#CE9191;
    text-decoration:none;
}
#site_bas a, #site_bas a:visited, .actu .bas a, .actu .bas a:visited {
    color:#CE9191;
    text-decoration:none;
}
#site_bas a:hover, #site_bas a:visited:hover, .actu .bas a:hover, .actu .bas a:visited:hover {
    color:#D05F5F;
    text-decoration:none;
}
#site {
    width:964px;
    margin:0 auto 0 auto;
    min-height:100%;
    background-image:url('http://jolstatic.fr/left4dead/site/img/header.jpg');
    background-repeat:no-repeat;
	min-height:100%;
}
#lien_entete {
    display:block;
    width:100%;
    height:317px;
}
/* Menu */
#block_menu {
    margin:0 auto 0 auto;
    width:740px;
    height:63px;
    z-index:300;
}
#menu, #menu ul {
	list-style : none;
	line-height : 21px;
	text-align : center;
}
#menu {
	font-weight : bold;
	font-size : 12px;
	z-index:300;
}
#menu a {
	display	: block;
	padding	: 0;
	background : #C4BEBF;	
	color : #040404;
	text-decoration : none;
	width : 178px;
}
#menu li { 
	float : left; 
	border-right : 1px solid #fff;
}
html>body #menu li {
	border-right: 1px solid transparent ;
}

#menu li ul { 
	position: absolute;
	width: 144px;
	left: -999em;
        z-index:300;
}
#menu li ul li {
	border-top : 1px solid #fff; 
}
html>body #menu li ul li {
	border-top : 1px solid #000;
}
#menu li ul ul {
	margin		: -22px 0 0 144px ;
	border-left	: 1px solid #fff ;
}
html>body #menu li ul ul {
	border-left	: 1px solid transparent ;
}
#menu a:hover {
	color: #000000;
	background: #CCCCCC;
}
#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 {
    overflow:auto;
    width:960px;
    background-image:url('http://jolstatic.fr/left4dead/site/img/fond_contenu.jpg');
    background-repeat:repeat-y;
}
#corps {
    float:left;
    width:710px;
    margin-left:17px;
}
#corps table {
    margin: 0 auto 0 auto;
    text-align:left;
}
#corps img {
    max-width:690px;
}
#haut {
    background-image:url('http://jolstatic.fr/left4dead/site/img/haut.jpg');
    background-repeat:no-repeat;
    background-position:center -2px;
    padding-top:85px;
}
.actu .titre_actu {
    background-image:url('http://jolstatic.fr/left4dead/site/img/titre.jpg');
    background-repeat:no-repeat;
    height:98px;
}
.actu .titre_actu h1 {
    padding-top:37px;
    color:#C0BBBB;
    font-size:16px;
}
.actu .texte {
    margin:10px;
    text-align:justify;
}
.actu .texte p {
    margin-bottom:10px;
}
.actu .texte ul {
    margin-left:15px;
}
.actu .vignette {
    float:left;
    margin-right:10px;
}
.actu .bas {
    text-align:left;
    margin:10px;
    color:#ECDDDE;
}
#menu_droite {
    margin-left:6px;
    width:220px;
    float:left;
}
#image {
    background-image:url('http://jolstatic.fr/left4dead/site/img/menu_droite.jpg');
    background-repeat:no-repeat;
    background-position:center -2px;
    padding-top:45px;
    padding-bottom:145px;
}
#sondage {
    margin-top:-40px;
    margin-bottom:10px;
    width:200px;
    margin-left:12px;
}
#sondage .options {
    text-align:left;
	margin-top:10px;
    margin-left:15px;
}
#sondage .voter {
    margin:5px;
}
#pub {
    margin-bottom:10px;
}
#site_bas {
    background-image:url('http://jolstatic.fr/left4dead/site/img/footer.jpg');
    background-repeat:no-repeat;
    height:83px;
}
#site_bas span {
    display:block;
    padding-top:37px;
    color:#ECDDDE;
    font-size:11px;
}
.actu .jol_article_sources li {
    display:inline;
	margin-right:5px;
    list-style:none;
    margin:0;
    padding:0;
}
.actu .accueil {
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
}
.actu .accueil img {
    margin:5px;
}
ul.jol_actus_tags_liste {
    list-style-type:    none;
    display:inline;
}
li.jol_actus_tags_tag {
    display:            inline;
    padding-right:      5px;
}
li.jol_actus_tags_tag:after {
    content:    ',';
}
li.jol_actus_tags_tag_dernier:after {
    content:    '';
}
/**
 * Pages - Container
 */
div.jol_actus_pages {
    color:  #999;
    margin: 15px;
}

/**
 * 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;
}