img {
	border: 0px;
}

a {
	color: #6E4F3A;
	text-decoration: none;
}

a:hover {
	color: #6C1517;
	text-decoration: underline;
}

table { width: 100%; }

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

#main {
	background: url('./img/background-main.jpg') repeat-y;
	margin: auto;
	width: 980px;
	text-align: left;
	border-left: 1px solid #a6a6a6;
	border-right: 1px solid #a6a6a6;
}

h1#header {
	background: url('./img/header.jpg') no-repeat;
	width: 980px;
	height: 297px;
}

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

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

/** Terckan **/

	/* H3 en couleur #008080 */

h3 {
color:#2F4F4F;
}

#navigation {
color:#003247;
}

/** MENU **/

#menu {
	background: url('./img/backgroundtop-menu.jpg') #b5c1c7 no-repeat;
	width: 170px;
	float: left;
	color: #003247;
}

#menu a, #menu a:hover {
	color: #003247;
}

#menu .bmenu {
	background: url('./img/backgroundbottom-menu.jpg') no-repeat;
	width: 170px;
	height: 491px;
	margin-top: -150px;
}

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

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

#menu ul {
	margin-bottom: 10px;
}

#menu h2 {
	height: 32px;
	margin: 0 auto 0 5px;	
}

#menu h2 span { display: none; }
#menu h2.menu-1 { background: url('./img/menu-actualite.png') no-repeat; }
#menu h2.menu-2 { background: url('./img/menu-presentation.png') no-repeat; }
#menu h2.menu-3 { background: url('./img/menu-guides.png') no-repeat; }
#menu h2.menu-4 { background: url('./img/menu-univers.png') no-repeat; }
#menu h2.menu-5 { background: url('./img/menu-medias.png') no-repeat; }
#menu h2.menu-6 { background: url('./img/menu-communaute.png') no-repeat; }
/* #menu h2.menu-5 { background: url('./img/menu-competition.png') no-repeat; } */

.sous_menu 
{
    width: 140px;
    display: none;
    margin-top: -15px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 85px;
    position: absolute;
    background-color: #c4d5d8;
    border: 1px solid #909da0;
    z-index: 1;
    opacity: 0.95;
    padding-top:7px;
}

/* Yoru 1/5/10 - desactive pour le moment. */
/* 
#menu ul li ul {
	display: none;
}
 
#menu ul li:hover ul {
	display: block;
	position: relative;
	margin: 0;
} */

/** FOOTER **/

#footer {
	background: url('./img/footer.jpg') no-repeat;
	height: 580px;
	clear: both;
}

#footer .copyright {
	text-align: center;
	width: 380px;
	position: relative;
	top: 490px;
	left: 560px;
	font-size: 85%;
}

/** FORUMS LADDER PICTURE **/

#content .flp {
	background: url('./img/flp.png') no-repeat;
	width: 788px;
	height: 174px;
	margin: auto;
}

#content .flp  .forums {
	float: left;
	width: 320px;
	position: relative;
	left: 13px;
	top: 30px;
	color: #000000;
}

#content .flp  .forums a, #content .flp  .forums a:hover {
	color: #710700;
}

#content .flp  .ladder {
	float: left;
	width: 200px;
	position: relative;
	left: 37px;
	top: 30px;
}

#content .flp  .ladder ul {
	margin: 0;
	padding: 0 0 0 7px;
	list-style: none;
}

#content .flp  .picture {
	float: left;
	width: 200px;
	position: relative;
	left: 63px;
	top: 50px;
	text-align: center;
}

#jolCaptures div.capture div.image img { width:160px; }
#jolCaptures div.capture div.image { height:100px; overflow:hidden; }


/** CONTENT **/

#content {
	background: url('./img/background-content.jpg') no-repeat;
	width: 810px;
	float: left;
}

#content .incontent {
    min-height: 300px;
	width: 631px;
	margin: auto;
	text-align: justify;
}

#content .incontent h1 {
	color: #982922;
	font-size: 160%;
	font-weight: normal;
	padding-bottom: 5px;
	background: url('./img/barre.png') 0% 100% no-repeat;
	color: #8f1810;
}

#content .incontent h1 a, #content .incontent h1 a:hover {
	color: #8f1810;
}

#content .incontent .credits {
	color: #982922;
	text-align: right;
	height: 25px;
}

#content .incontent .credits span.author a, #content .incontent .credits span.author a:hover {
	color: #000000;
}

#content .incontent .icon {
	float: left;
	width: 96px;
	height: 32px;
	margin-top: 12px;
}

#content .incontent .text {
	width: 535px;
	float: left;
}

/* Yoru 1/5/10 - ajout espace apres "lire la suite" */
#content .incontent .more {
	margin-bottom: 20px;
}

/* Yoru 1/5/10 - ajout style blockquote comme le portail. */
#content .incontent .text blockquote {
	border-left-color: #cccccc;
	border-left-width: 5px;
	border-left-style: solid;
	background-color: #f7f7f7;
	color: #000000;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}

#content .incontent .textWithoutIcon {
	width: 631px;
}

#content .incontent .separator {
	background: url('./img/gemmerouge.png') 50% 50% no-repeat;
	height: 42px;
	margin-bottom:30px;
	clear: both;
}

#content .incontent .separatorA {
	background: url('./img/gemmebleue.png') 50% 50% no-repeat;
	height: 104px;
}

div.jol_image {
	text-align: center;
	border: 1px solid #a6a6a6; 
	background-color: #ededed; 
	padding:5px;
}

div.sommaire {
	border: 1px solid #a6a6a6; 
	background-color: #ededed; 
	padding-left: 5px; 
	padding-top: 5px; 
}

#content .incontent .textWithoutIcon .source {
	border: 1px solid #a6a6a6; 
	background-color: #ededed; 
	padding-left: 5px; 
	padding-top: 5px;
	font-size: 85%;
	margin-top: 50px;
}

#content .incontent .source, #content .incontent .tags, #content .incontent .com {
    clear : both;
}

#content .incontent .tags {
    padding-top:8px;
    font-size: 90%;
}

#content .incontent .bottom {
    margin-top: 42px;
}


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


/**
 * Sondages
 */
.jolsondage {
  border:1px solid #a6a6a6;
  background:#dedede;
  padding:20px;
}

.titre {
  color:#8f1810;
  font-size:130%;
  font-weight:bold;
  text-align:center;
  padding-bottom:10px;
}

.options {
  text-align:left;
}

.voter {
  padding:10px;
}


/**
 * FAQ
 */
.faqlist {
  background:#dedede;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.8;
  border:1px solid #a6a6a6;
  padding:20px;
}

/**
 * SOMMAIRE / PAGINATION
 */
div.jol_article_sommaire {
    width: 400px;
/*    margin-left: auto;
    margin-right: auto; */
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px;
    background-color: #dedede;
    filter:alpha(opacity=60);
    opacity:0.8;
    border:1px solid #a6a6a6;
}

div.jol_article_sommaire_corps {
    padding-top: 10px;
    padding-bottom: 10px;
}
div.jol_article_sommaire_corps ul {
    margin-top: 0px;
    margin-bottom: 0px;
    list-style-type: none;
}

div.jol_article_pagination {
    color: #CCC;
    position: relative;
    text-align: center;
    margin-top: 25px;
    height: 30px;
}

div.jol_article_navigation {
    margin-bottom: 20px;
    height: 25px;
}
div.jol_article_navigation ul {
    display: block;
    list-style: inside none;
    list-style: inside none;
    margin: 0;
    padding: 0;
    width: 100%;
}

div.jol_article_navigation li {
    margin: 0;
    padding: 0;
    width: 50%;
}

div.jol_article_navigation li {
    margin: 0;
    padding: 0;
    width: 50%;
}
div.jol_article_navigation span {
    font-weight: bold;
}
div.jol_article_navigation a {
    display: block;
}
li.jol_article_navigation_prec {
    float: left;
}

li.jol_article_navigation_suiv {
    float: right;
    text-align: right;
}