/************************************************* CSS FFXIV **********************************/
/***************************************** colleen@jeuxonline.info ****************************/
* {	margin: 0; padding: 0; }
body {
	background: url('img-rouge/bg.jpg') #000000 0 0 repeat;
	height: 100%;
	width: 100%;
}
img {
	border: 0px;
}
/************************************************* GLOBAL *************************************/
div#global {
  position:relative;
  width:1200px;
  left:50%;
  margin-left:-600px;
	/*margin: 0 auto;*/
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background:url('img-rouge/header.png') no-repeat;
	padding-top:205px;
	overflow:hidden;
}
/************************************************* GLOBAL/DESIGNS *****************************/
div#designs { width:159px; height:58px; position:absolute; top:22px;right:250px; }
div#twitter { width:59px; height:20px; position:absolute; top:275px;left:140px; z-index:10000;}
h1#header { text-indent: -9000px; width:1000px; height:250px; position:absolute; top:82px;right:100px; /*z-index:5000;*/}
h1#header a { width:1000px; height:250px; display:block; }
div#rouge { width:53px; height:58px; float:left; background:url('design1ok.png') 0 0 no-repeat; }
div#rouge a { display:block; width:53px; height:58px; float:left; }
div#jaune { width:53px; height:58px; float:left; background:url('design2.png') 0 0 no-repeat; }
div#jaune a { display:block; width:53px; height:58px; float:left; }
div#noir { width:53px; height:58px; float:left; background:url('design3.png') 0 0 no-repeat; }
div#noir a { display:block; width:53px; height:58px; float:left; }
/************************************************* GLOBAL/SITE ********************************/
div#site {
	width: 1200px;
	float:left;
	background:url('img-rouge/site-repeat.png') repeat;
	margin-top:252px;
}
/************************************************* GLOBAL/GAUCHE/MENUS ************************/
div#menu {
  width:341px;
  float:left;
  color:#84abb1;
  position:relative;
  top:-150px;
	font-size: 12px;
  /*margin-top:-150px;*/
}
div#menu-titre {
  width:341px;
  height:26px;
  float:left;
  background-image:url('img-rouge/menu-titre.png');
  background-repeat:no-repeat;
  padding-left:160px;
  font-size:16px;
  font-weight:bold;
  color:#eac84b;
}
div#menu-1 {
  width:341px;
  height:31px;
  float:left;
  background-image:url('img-rouge/menu-actualite.png');
  background-repeat:no-repeat;
}
div#menu-2 {
  width:341px;
  height:26px;
  float:left;
  background-image:url('img-rouge/menu-lejeu.png');
  background-repeat:no-repeat;
}
div#menu-3 {
  width:341px;
  height:26px;
  float:left;
  background-image:url('img-rouge/menu-guidesdejeu.png');
  background-repeat:no-repeat;
}
div#menu-4 {
  width:341px;
  height:26px;
  float:left;
  background-image:url('img-rouge/menu-communaute.png');
  background-repeat:no-repeat;
}
div#menu-5 {
  width:341px;
  height:26px;
  float:left;
  background-image:url('img-rouge/menu-medias.png');
  background-repeat:no-repeat;
}
div#menu-6 {
  width:341px;
  height:26px;
  float:left;
  background-image:url('img-rouge/menu-equipejol.png');
  background-repeat:no-repeat;
}
div.les_menus ul.menus {
  margin:5px 0 5px 160px;
  list-style:none;
  width:150px;
}
div.les_menus ul.menus a,
div.les_menus ul.menus a:visited,
div.les_menus ul.menus a:active {
  color:#000000;
  text-decoration:none;
}
div.les_menus ul.menus a:hover{
  font-weight:bold;
}
div.les_menus {
  width:341px;
  float:left;
  background-image:url('img-rouge/menu-repeat.png');
  background-repeat:repeat-y;
}
div#menu-bottom {
  width:341px;
  height:122px;
  float:left;
  background-image:url('img-rouge/menu-bottom.png');
  background-repeat:repeat-y;
}
/************************************************* GLOBAL/GAUCHE/PUB **************************/
div#pub {
  width:341px;
  float:left;
  margin-left:160px;
  #margin-left:0;
  #padding-left:160px;
  margin-top:15px;
}
/************************************************* GLOBAL/DROITE ******************************/

div#centre {
  width:859px;
  float:left;
  color:#73adae;
  position:relative;
  top:-150px;
}
/************************************************* GLOBAL/DROITE/HAUT *************************/
div#article-top {
  width:859px;
  height:148px;
  float:left;
  background-image:url('img-rouge/article-top.png');
  background-repeat:no-repeat;
  color:#000000;
  padding-top:35px;
  overflow:hidden;
}
div#capture {
  width:186px;
  float: left;
  padding-right:13px;
  padding-top: 8px;
  text-align:right;
}
div#capture div#screen {
  float: right;
  width:160px;
  height:120px;
  overflow:hidden;
}
div#capture div#screen img {
  height:120px;
}
div#last-actu {
  width:260px;
  float: left;
	font-size: 12px;
}
ul.jol_actualites_titres {
  list-style-type:none;
}
div#last-thread {
  width:260px;
  float: left;
	font-size: 12px;
}
div#article-top a,
div#article-top a:active,
div#article-top a:visited {
  color:#000000;
  text-decoration:none;
}
div#article-top a:hover {
  font-weight:bold;
  text-decoration:none;
}
/************************************************* GLOBAL/DROITE/ARTICLES *********************/
div#article-middle {
  width:859px;
  float:left;
  background-image:url('img-rouge/article-repeat.png');
  background-repeat:repeat-y;
  color:#000000;
}
table.article a,
table.article a:active,
table.article a:hover,
table.article a:visited {
  font-weight:bold;
  color:#730A07;
}
div.article-separation {
  width:859px;
  height:2px;
  float:left;
  background-image:url('img-rouge/article-separation.png');
  background-repeat:no-repeat;
}
div.jol_article_erreur {
  width:672px;
  float:left;
  margin-left:37px;
  margin-bottom:15px;
  margin-top:55px;
}
div.article-texte {
  width:672px;
  float:left;
  margin-left:37px;
  margin-bottom:15px;
}
p.freshnews_archives_titre {
  width:672px;
  float:left;
  margin-left:37px;
  margin-bottom:10px;
  margin-top:20px;
  font-weight:bold;
  font-size:13px;
  text-align:center;
}
table.article td.icon {
  width:5%;
  height:95%;
}
table.article td.titre {
  font-weight:bold;
  font-size:17px;
  color:#9f0619;
  height:25px;
}
table.article td.titre h1 {
  font-weight:bold;
  font-size:17px;
  color:#9f0619;
}
table.article td.titre h1 a,
table.article td.titre h1 a:active,
table.article td.titre h1 a:visited,
table.article td.titre h1 a:hover {
  font-weight:bold;
  font-size:17px;
  color:#9f0619;
  text-decoration:none;
}
table.article td.texte table {
  margin:0 auto;
}
table.article td.texte h2 {
  font-weight:bold;
  font-size:16px;
  margin-top:8px;
  margin-bottom:8px;
  color:#9f0619;
  border-bottom:solid 1px #9f0619;
}
table.article td.texte h3 {
  font-weight:bold;
  font-size:14px;
  margin-top:5px;
  margin-bottom:5px;
  color:#9f0619;
  /*border-bottom:solid 1px #9f0619;*/
}
table.article td.texte h6 {
  font-weight:bold;
  font-size:10px;
  margin-bottom:7px;
}
table.article td.texte ul {
  margin-bottom:10px;
}
table.article td.texte li {
  margin-left:20px;
}
table.article td.texte p {
  margin-bottom:15px;
}
table.article td.texte blockquote {
  margin-left:25px;
  margin-right:25px;
  border-left:solid 5px #9F454B;
  padding:15px;
  background-color:#EFE0E1;
}/**/
span.couleur {
  color:#8A080F;
}
td.image {
  padding:5px;
  border:1px solid #9f0619;
  background:#EFE0E1;  
}

table.couleur thead td {
  background-color:#990000;
  color:#ffffff;
  padding:2px 4px 2px 4px;
  font-weight:bold;
}

table.couleur tbody td {
  /*background-color:#bb6666;*/
  background-color:#EECFCF;
  padding:2px 4px 2px 4px;
}

table.article td.texte div.jol_image {
  padding:5px;
  border:1px solid #9f0619;
  background:#EFE0E1;
  margin-bottom:10px;
}
table.article td.texte div.jol_image a {
  display:block;
  overflow:hidden;
}
table.article td.texte div.jol_image_legende {
  font-size:10px;
  text-align:center;
}
table.article td.auteur {
  font-weight:normal;
  font-size:11px;
  color:#730a07;
  vertical-align:top;
  font-style:italic;
}
table.article td.source {
  text-align:right;
	font-size: 11px;
}
div#article-bottom {
  width:859px;
  height:68px;
  float:left;
  background-image:url('img-rouge/article-bottom.png');
  background-repeat:no-repeat;
  color:#000000;
}
img.freshnews_icone {
  float:right;
  margin: -30px 0 10px 10px;
}

div.corps { clear:both; margin-top: 30px; }
div.accroche { font-weight:bold; }

/************************************************* TAGS ***************************************/
/**
 * Tags - Container des tags
 */
div.jol_actus_tags {
    /*background-image:       url(http://medias.jeuxonline.info/www/modules/Actualites/tag.gif);
    background-repeat:      no-repeat;
    background-position:    0 50%;*/
    margin:                 0;
    min-height:             15px;
    padding:                0 0 0 20px;
}

/**
 *  Tags - Liste des tags
 */
div.jol_actus_tags ul.jol_actus_tags_liste {
    list-style-type:    none;
    margin:             0;
    padding:            0;
}

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

/**
 * Tags - Séparateur
 */
div.jol_actus_tags li.jol_actus_tags_tag:after {
    content:    ',';
}
div.jol_actus_tags li.jol_actus_tags_tag_dernier:after {
    content:    '';
}
/************************************************* PAGINATION *********************************/
/**
 * Pages - Container
 */
div.jol_actus_pages {
  width:672px;
  float:left;
  margin:30px 0 10px 37px;
    color:  #999;
}

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

/**
 * 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 #9F0619;
    color:              #9F0619;
    padding:            1px 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 #000000;
    color:              #000000;
}

/**
 * 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:   #9F0619;
    color:              #ffffff;
    border-color:       #9F0619;
    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:       #9F0619;
    color:              #ccc;
    cursor:             default;
    font-weight:        normal;
}
/************************************************* GLOBAL/FOOTER ******************************/
div#footer {
  width:1200px;
  height: 215px;
  float:left;
  background-image:url('img-rouge/footer.png');
  background-repeat:no-repeat;
  padding:178px 362px 0 362px;
}
div#footer p#credits {
  width:420px;
  text-align:center;
  font-size:12px;
}
div#footer p#credits a,
div#footer p#credits a:active,
div#footer p#credits a:visited {
  color:#000000;
}
div#footer p#credits a:hover {
  font-weight:bold;
  text-decoration:none;
}
/************************************************* GALERIE ************************************/
#jolCapturesGalerie {
	width: 672px;
	font-family: Trebuchet MS, Verdana, Arial;
}

#jolCapturesGalerie h1 {
	/*color: #6c3a15;*/
	padding: 5px;
	font-size:20px;
	text-align:center;
}
#jolCapturesGalerie h2 {
	/*color: #6c3a15;*/
	padding: 5px;
	font-size:18px;
	border:0px;
	background-color:transparent;
	text-align:center;
}

#jolCapturesGalerie div.navigation,
#jolCapturesGalerie div.navigation a {
	font-size: 11px;
	font-weight: normal;
	font-style: none;
	/*color: #6c3a15;*/
	text-align: left;
	margin: 10px 0 10px 0;
}
#jolCapturesGalerie div.navigation strong {
	font-size: 11px;
	font-weight: bold;
	font-style: none;
	/*color: #6c3a15;*/
	text-align: left;
}

#jolCapturesGalerie div.dernieres {
	margin-top: 10px;
	/*border: 1px dotted #5F4139;*/
    background-color: #ffffff;
}
#jolCapturesGalerie div.dernieres div.titre {
	font-size: 15px;
	font-weight:bold;
	margin:4px;
	text-align:center;
}
#jolCapturesGalerie div.dernieres div.images {
	/*background-color: #FFFFFF;
	border: 1px dotted #5F4139;*/
}
#jolCapturesGalerie div.dernieres div.images img {
	margin:12px;
	padding:0;
	border: 1px dotted #5F4139;
}

#jolCapturesGalerie div.ajouter {
	font-size: 13px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align:center;
}
#jolCapturesGalerie div.ajouter a {
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
	background-color: #730A07;
	padding: 3px;
}

#jolCapturesGalerie div.liste_jeux {
	padding: 5px;
	text-align: left;
	height:200px;
}
#jolCapturesGalerie div.jeu { }
#jolCapturesGalerie div.jeu h2 {
    text-align:left;
    text-indent:140px;
	font-size: 15px;
}
#jolCapturesGalerie div.boite {
	padding: 0px;
	float:left;
	width: 110px;
}
#jolCapturesGalerie div.boite img{
	border: 1px solid #5F4139;
}
#jolCapturesGalerie div.jeu ul {
	text-align: left;
	/*color: #6c3a15;*/
	list-style: inside;
	float:left;
	width:550px;
}
#jolCapturesGalerie div.jeu li {
	color: #000000;
}
/*#jolCapturesGalerie div.jeu span.nb_images*/
#jolCapturesGalerie div.jeu span.maj {
    font-size:10px;
}
#jolCapturesGalerie div.jeu span.maj:before {
    content: "(";
    margin-left:10px;
    font-size:10px;
}
#jolCapturesGalerie div.jeu span.maj:after {
    content: ")";
    font-size:10px;
}
/*#jolCapturesGalerie div.jeu div.clear*/

#jolCapturesGalerie table.galerie {
	width: 100%;
	text-align: center;
	border-collapse: separate;
	border-spacing:10px;
}
#jolCapturesGalerie table.galerie td {
	border: dotted 1px #5F4139;
	background-color:#FFFFFF;
	width:25%;
}
/*#jolCapturesGalerie div.capture
#jolCapturesGalerie div.capture div.image
#jolCapturesGalerie div.capture div.image img
#jolCapturesGalerie div.capture div.titre
#jolCapturesGalerie div.capture div.titre a
#jolCapturesGalerie div.capture div.date*/

#jolCapturesGalerie table.pages {
	background-color: #FEE3AC;
	border: dotted 1px #5F4139;
	text-align: left;
	margin-top:5px;
	margin-bottom:5px;
}
#jolCapturesGalerie table.pages td {
	text-align: left;
}
#jolCapturesGalerie table.pages td.precedente {
	text-align: left;
	padding-right:15px;
}
#jolCapturesGalerie table.pages td.suivante {
	text-align: left;
	padding-left:15px;
}
#jolCapturesGalerie table.pages td.pages {
	text-align: left;
}
/*#jolCapturesGalerie table.pages td.pages strong
#jolCapturesGalerie table.pages td.pages a

#jolCapturesGalerie div.stats
*/
#jolCapturesGalerie div.agrandissement {
	margin-top: 10px;
	margin-bottom: 20px;
	text-align:center;
}
#jolCapturesGalerie div.agrandissement div.image800 {
    background-color:#ffffff;
    padding-top:20px;
    padding-bottom:20px;
	/*border: dotted 1px #5F4139;*/
}
#jolCapturesGalerie div.agrandissement div.image800 img {
	width: auto;
	max-width:650px;
	/*border: dotted 1px #5F4139;*/
}
/*#jolCapturesGalerie div.agrandissement div.description
#jolCapturesGalerie div.agrandissement div.date*/
#jolCapturesGalerie div.agrandissement div.options {
	/*border: 1px dotted #5F4139;*/
    background-color: #ffffff;
    padding-top:6px;
    margin-top:20px;
}
/*#jolCapturesGalerie div.agrandissement div.options ul
#jolCapturesGalerie div.agrandissement div.options li
#jolCapturesGalerie div.agrandissement div.options li span.afficher
#jolCapturesGalerie div.agrandissement div.options li span.telecharger
#jolCapturesGalerie div.agrandissement div.options a
#jolCapturesGalerie div.agrandissement div.options span.taille
#jolCapturesGalerie div.agrandissement div.options span.poids
#jolCapturesGalerie div.agrandissement div.options div.clear
*/
#jolCapturesGalerie div.formulaire {
	text-align: left;
}
#jolCapturesGalerie div.formulaire h1 {
	text-align: center;
}
#jolCapturesGalerie div.formulaire form {
	background-color: #ffffff;
	border: dotted 1px #5F4139;
	padding:5px;
}
/*#jolCapturesGalerie table.formulaire
#jolCapturesGalerie table.formulaire tr
#jolCapturesGalerie table.formulaire tr.alt*/
#jolCapturesGalerie table.formulaire th {
}
/*#jolCapturesGalerie table.formulaire td*/
#jolCapturesGalerie table.formulaire select,
#jolCapturesGalerie table.formulaire option,
#jolCapturesGalerie table.formulaire input,
#jolCapturesGalerie table.formulaire textarea {
	background-color: #FFEFAF;
	border: #F79928 solid 1px;
}
/*#jolCapturesGalerie table.formulaire input.envoyer

*/