img {
	border: 0px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

table { width: 100%; border-collapse: collapse; text-align: left; }

div.wiki table tr th {
	text-align: center;
}

div.wiki table tr td, div.wiki table tr th {
	border: 1px solid #AAA;
	margin: 0;
}

/** MAIN **/
	
body {
	margin: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
}

#main {
	margin: auto;
	width: 950px;
	text-align: left;
}

h1#header {
	width: 980px;
	height: 240px;
}

h1#header {
    /*position : absolute;
    left : 2%;*/
    background-repeat : no-repeat;
    width : 980px;
    height : 240px;
    text-indent : -9000px;
    margin: 0;
    padding: 0;
}

h1#header a {
    display: block;
    width:  980px;
    height: 240px;
}
h1#header a:hover {
    border: none;
    background-color: transparent;
}

/** MENU **/

#menu {
	width: 180px;
	float: left;
}

#menu .design {
	background: url('../img/bleu/menu-design.png') no-repeat;
	height: 69px;
}

#menu .design ul {
	list-style: none;
	padding: 23px 0;
	margin-left: 5px;
}

#menu .design ul li { height: 34px; width: 44px; float: left; }
#menu .design ul li a { display: block; height: 34px; width: 44px; }
#menu .design ul li.blue { background: url('../img/icon-blue.png') no-repeat 100% 0%; }
#menu .design ul li.brown { background: url('../img/icon-brown.png') no-repeat 100% 0%; }
#menu .design ul li.purple { background: url('../img/icon-purple.png') no-repeat 100% 0%; }

#menu .pub {
	text-align: center;
	width: 100%;
}

#menu h2, #menud h2 { margin: 0; }

#menu ul, #menu li {
	margin: 0 auto 0 auto;
	padding-left: 10px;
	list-style: none;
}

#menu h2 span, #menud h2 span  { display: none; }

#menud {
	width: 175px;
	float: right;
}

#menud div.jol_sondage { width: 160px; margin: auto;}

/** FOOTER **/

#footer {
	clear: both;
}

#footer .copyright {
	position: relative;
	text-align: center;
	font-size: 85%;
	top: 230px;
}

/** DIRECT ARTICLES FORUMS **/

#content .daf {
	margin: auto;
}

#content .daf  ul.jol_actualites_titres {
	float: left;
	width: 215px;
	position: relative;
	left: 13px;
	top: 80px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#content .daf  ul.titre_article {
	float: left;
	width: 215px;
	position: relative;
	left: 37px;
	top: 80px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#content .daf  table.jolsujets {
	float: left;
	width: 245px;
	position: relative;
	left: 67px;
	top: 80px;
}

#content .daf  table.jolsujets tr, #content .daf  table.jolsujets tr td { padding: 0; margin: 0: }


/** CONTENT **/

#content {
	width: 750px;
	float: right;
}

/** NEWS **/

#content .incontentNews {
	width: 563px;
	text-align: justify;
	float: left;
}

#content .incontentNews h1.titre {
	font-size: 125%;
	font-weight: normal;
	margin: 0 -10px -15px -15px;
	padding: 17px 0 0 55px;
}


#content .incontentNews .credits {
	position: relative;
	left: 50px;
	top: -10px;
}


#content .credits {
	text-align: left;
	font-size: 85%;
	width: 474px;
}

#content .vignette {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: -30px;
}

#content .separator {
	height: 30px;
}

/** ARTICLES **/

#content .incontent {
	width: 754px;
	text-align: justify;
	float: left;
}

#content .incontent .mid { padding: 0 15px 5px 15px; }

#content .incontent h1 { font-size: 135%; }

#content .incontent h1.titre {
	font-size: 125%;
	font-weight: normal;
	margin: 0 -10px auto -10px;
	padding: 17px 0 0 55px;
	position: relative;
	top: -10px;
	left: -5px;
}

#content .incontent .credits {
	position: relative;
	top: -35px;
	left: 50px;
	width: 664px;
}

ul.jol_article_sommaire_liste_1 {
	float: left;
	width: 50%;
}

.galerie {
	text-align: center;
}

div.accroche
{
	clear: left;
}

div.jol_article_sommaire
{
	width: 80%;
	margin: auto;
}

div.jol_article_sommaire_titre
{
	font-weight: bold;
	font-size: 120%;
}

ul.jol_article_sommaire_liste_1
{
	float: left;
	width: 40%;
}

ul.jol_article_sommaire_liste_2
{
	float: left;
	width: 40%;
}

/**
 *  Tags - Liste des tags
 */
div.tags span {
    float: left;
}

div.tags ul {
    list-style-type:    none;
    margin: 0;
    padding: 0;
}

/**
 *  Tags - Tag
 */
div.tags li.jol_actus_tags_tag {
    display: inline;
    padding-right: 5px;
}

/**
 * Tags - Séparateur
 */
div.tags li.jol_actus_tags_tag:after {
    content:    ',';
}
div.tags li.jol_actus_tags_tag_dernier:after {
    content:    '';
}

/**
 * Pages - Container
 */
div.jol_actus_pages {
    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 {
    padding:            2px 5px;
    text-decoration:    none;
}

/**
 * Pages - Lien vers une page (survolé ou actif)
 */


/**
 * 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 {
    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 {
    font-weight:        bold;
}

/**
 * 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 {
    cursor:             default;
    font-weight:        normal;
}