/*Titre : #283036 Verdana Bold 14

Auteur : #283036 Verdana Italic 10

Contenu : #283036 Verdana 12

Liens : #105e75 Verdana 12*/

* {	margin:0;	padding:0;	border:0;}

BODY {
	background:#1D1D1D url('http://jolstatic.fr/wildstar/site/design2/img/bg2.jpg') no-repeat center 30px;
	font-family:Verdana;
	font-size:12px;
	color:#283036;
}
a {
	color:#105e75;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

abbr {
    border-bottom: 1px dashed #7b608b;
	color: #484569;
    cursor: help;
}

abbr:hover {
	color: #A046A6;
	border-bottom: 1px dashed #A046A6;
	cursor: help;
}

.clear {
  clear:both;
}

/*General*/
#wrapper {
  width:950px;
  margin:300px auto 0px;
}

/*Header*/
#header_logo {
  width:910px;
  height:300px;
  float:right;
  cursor:pointer;
  margin:-300px 20px 0px 0px;
}
#header_logo h1 {
  /*font-size:14px;*/
  text-align:left;
  background:none;
  margin:0;
  height:auto;
  width:auto;
  padding:0;
}
#header_logo h1 a {
	width:910px;
	height:300px;
	display:block;
	text-indent:-9000px;
}

/*Menu*/
#menu {
  height:51px;
  background:url('http://jolstatic.fr/wildstar/site/design2/img/menuh.png') no-repeat right top;
  position:relative;
  z-index:100;
  padding-left:20px;
}
#menu ul {
  list-style:none;
}
#menu li {
	width:130px;
	float:left;
	background:url('http://jolstatic.fr/wildstar/site/design2/img/menuh_separation.png') no-repeat right 6px;
	text-align:center;
	height:51px;
	padding-top:18px;
	/*cursor:pointer;*/
	font-weight:bold;
}
#menu li.menu_7 {
  background:none;
}
#menu .sm {
  display:none;
  margin:12px 0px 0px 0px;
  position:absolute;
  width:127px;
	border-top:1px solid #DADADA;
}
#menu .sm li {
	float:none;
	border-bottom:1px solid #ffffff;
	width:127px;
	height:30px;
	line-height:30px;
	font-size:11px;
	margin:0;
	padding:0;
	background:#e1e2e2;
}
#menu .sm li.fleche{
	background:#e1e2e2 url('http://medias.jeuxonline.info/upload/wildstar/icone/fleche.png') no-repeat center right;
}
#menu .sm li:hover {
	background-color:#ffffff;
}
#menu .sm a {	
  color:#283036;
  font-weight:bold;
  display:block;
  width:127px;
  height:30px;
}
#menu .sm li:hover a {
  text-decoration:none;
  color:#105e75;
}

#menu .ssm {
  display:none;
  margin:-31px 0px 0px 127px;
  position:absolute;
  width:127px;
}
#menu .ssm li{
	background:#e1e2e2;
}

/*Milieu*/
#milieu {
  background:url('http://jolstatic.fr/wildstar/site/design2/img/site-repeat.png') repeat-y right top;
  min-height:400px;
}
#contenu {
  margin-left:21px;
  width:620px;
  margin-right:24px;
  float:left;
  min-height:400px;
  text-align:justify;
}
#droite {
  width:260px;
  float:left;
  min-height:400px;
  padding-bottom:20px;
}
#droite a {
  color:#283036;
}
#droite a:hover {
  color:#105e75;
  text-decoration:none;
}

/*Articles*/
H1, H2 {
  font-size:14px;
  text-align:right;
  background:url('http://jolstatic.fr/wildstar/site/design2/img/actu_titre2.png') no-repeat right top;
  margin-bottom:10px;
  height:32px;
  line-height:32px;
  margin-left:-22px;
  width:600px;
  padding-right:20px;
}

.H3 { /* apparence titre h3 avec une class pour preserver les titres des depêches. Class temporaire pour faire les tests*/
	font-size:14px;
	text-align:left;
	margin-top:0;
	margin-bottom: 15px !important;
	border-bottom: 1px solid #BFBFBF;
	padding:2px 0;
}

blockquote h2{
	width:495px;
	margin-left:-20px;
}

.jol_actus_accroche {
  font-style:italic;
  font-weight:bold;
  margin-bottom:20px;
}

.jol_actus_actualite {
  margin-bottom:20px;
  width:580px;
}
.jol_article_infos_bas ul {list-style:none}
.jol_actualite_wrapper,
.jol_articles_wrapper,
.jol_archives_wrapper,
.jol_galerie_wrapper,
.jol_equipe_wrapper {
  margin-top:10px;
  text-align:justify;
  padding:0px 20px 20px;
}
.jol_article_corps p,
.jol_actus_corps p,
.jol_archives_wrapper p,
.jol_equipe_wrapper p,
.jol_actus_infos p {
  line-height:1.5em;
  margin-bottom:10px;
}
.jol_actus_suite {
  text-align:right;
  margin-top:10px;
  margin-bottom:10px;
}
.jol_article_outils,
.jol_actus_outils {
  display:none;
}
.jol_article_infos,
.jol_article_infos_bas,
.jol_actus_infos {
  font-size:10px;
  font-style:italic;
  text-align:right;
  margin-bottom:10px;
  margin-top:10px;
}
.jol_actus_source {
  font-size:10px;
  font-style:italic;
  text-align:left;
  margin-bottom:10px;
  margin-top:10px;
}
.jol_article_corps ul, .jol_actus_corps ul ,.jol_article_corps ol, .jol_actus_corps ol{
  margin:0px 0px 10px 30px;
}
.jol_article_corps blockquote, .jol_actus_corps blockquote{
    background-color: #F7F7F7;
    border-left: 5px solid #CCCCCC;
    color: #000000;
    margin: 15px 20px;
    padding: 10px 20px;
}

.jol_article_corps td, .jol_actus_corps td{
	border:none;
}
	
.jol_article_corps table.bordures td, .jol_actus_corps table.bordures td{
	border:1px solid #283036;
}

.jol_article_corps td.bordures, .jol_actus_corps td.bordures {
	border:1px solid #283036;
}

.jol_article_corps table.bordure, .jol_actus_corps table.bordure{
	border:1px solid #283036;
}

.jol_article_corps td p, .jol_actus_corps td p, .jol_articles_corps table.bordures td p, .jol_actus_corps table.bordures td p {
	margin:10px;
}

.jol_equipe_wrapper ul{
	margin-bottom:20px;
}

.jol_actus_corps hr{
	width:90%;
	height:2px;
	background-color:#105E75;
	border:0;
	margin:auto;
}

div.jol_image {
  margin-right:0px;
  margin-bottom:5px;
  border:solid 1px #1495C8;
  background-color:#ffffff;
  padding:6px;
  margin:5px;
}
div.jol_image_legende {
  font-size:11px;
  text-align:center;
}


.reseaux_sociaux{
	height:25px;
	float:right
}

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

div.jol_actus_reagir {
  margin:10px 0px 0px 223px;
  padding:10px!important;
  color:#DADADA;
  background-color:#e1e2e2;
  padding:2px;
	border:1px solid #ccc;
}
div.jol_actus_reagir  input{
	padding:3px;
	background:#105e75;
	color:#DADADA;
}
div.jol_actus_reagir textarea{
	margin:10px 0px;
	border:1px solid #ccc;
}


/**
 * 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: center;
    margin-top:50px;
}

/**
 * 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:              #105e75;
    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 #105e75;
    color:              #105e75;
}

/**
 * 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:   #105e75;
    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:              #105e75;
    font-weight:        bold;
}
div.jol_actus_pages a.jol_actus_page_lien_suivprec:hover {
    color:              #105e75
}

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



/*droite*/
#droite_screenshot {
  margin:0 auto 20px;
  width:160px;
}
#droite_screenshot img {
  width:160px;
  border:1px solid black;
}
.titre_droite {
  margin-bottom:20px;
}
.bloc_droite .liste {
  padding:0px 20px 20px 20px;
}

/*Footer*/
#footer {
  width:950px;
  height:90px;
  text-align:center;
  /*color:#105e75;*/
  color:#ccc;
  font-size:10px;
  /*margin:20px 0px;*/
  background:url('http://jolstatic.fr/wildstar/site/design2/img/footer.jpg') repeat-y right top;
  padding-top:110px;
}
#footer a,
#footer a:hover {
  color:#DADADA;
  font-weight : bold;
}

/*En bref 580px de large*/
div.lesveilles {
  Width:580px;
  float:left;
}
.veille{
	float:left;
	width:285px;
	margin-right:4px;
	margin-bottom:5px;
  overflow:hidden;
} 
.veille .top-veille{
	font-size:12px;
	text-align:right;
	background:url('http://jolstatic.fr/wildstar/site/design2/img/actu_titre2.png') no-repeat right top #ffffff;
	height:32px;
	line-height:32px;
	width:271px;
	padding-right:5px;
	padding-left:5px;
	overflow:hidden;
	border-left:2px solid #9E9E9E;/**/
	border-right:2px solid #9E9E9E;/**/
}
.veille .corps-veille{
	background-color:white;
	font-size:11px;
  text-align:justify;
  padding-right:5px;
  padding-left:5px;
	overflow:hidden;
	height:240px;
	border-left:2px solid #9E9E9E;/**/
	border-right:2px solid #9E9E9E;/**/
}
.veille .bottom-veille {
  font-size:10px;
  background:url('http://jolstatic.fr/wildstar/site/design2/img/bottom-veille2.png') no-repeat right top;
  height:30px;
  padding:10px;
  text-align:center;
}
.veille .bottom-veille p {
  margin:0;
  padding:0;
  line-height:13px;
}
.veille2{
	float:left;
	width:576px;
	margin-right:4px;
	margin-bottom:5px;
  overflow:hidden;
} 
.veille2 .top-veille2{
	font-size:12px;
	text-align:right;
	background:url('http://jolstatic.fr/wildstar/site/design2/img/actu_titre2.png') no-repeat right top #ffffff;
	height:32px;
	line-height:32px;
	width:562px;
	padding-right:5px;
	padding-left:5px;
	overflow:hidden;
	border-left:2px solid #9E9E9E;/**/
	border-right:2px solid #9E9E9E;/**/
}
.veille2 .corps-veille{
	background-color:white;
	font-size:11px;
  text-align:justify;
  padding-right:5px;
  padding-left:5px;
	overflow:hidden;
	height:240px;
	border-left:2px solid #9E9E9E;/**/
	border-right:2px solid #9E9E9E;/**/
}
.veille2 .bottom-veille {
  font-size:10px;
  background:url('http://jolstatic.fr/wildstar/site/design2/img/bottom-veille2_veille2.png') no-repeat right top;
  height:30px;
  padding:10px;
  text-align:center;
}
.veille2 .bottom-veille p {
  margin:0;
  padding:0;
  line-height:13px;
}

.rub-dep {
	background-color:#DDDDDD;
	padding-right:0px;
	padding-left:0px;
	margin-bottom:5px;
	overflow:hidden;
	border-bottom:2px solid #949494;
	border-right:2px solid #FFFFFF;
}
.rub-dep .top-rub-dep {
	border-top:2px solid #FFFFFF;
	border-bottom:2px solid #818181;
	background-color:#949494;
	height:32px;
	line-height:32px;
	width:572px;
	padding-right:20px;
	padding-left: 4px;
	margin-bottom: 4px;
	overflow:hidden;
}
.rub-dep .top-rub-dep h3{
	font-size:22px;
	text-align:center;
	color:#283036;
	
}

/*Gazette*/
div.lesgazettes {
  Width:580px;
  float:left;
  background-color:#0090CF;
  padding: 2px;
}

.rub-gazette{
	background-color:#17608B;
	padding-right:0px;
	padding-left:0px;
	margin-bottom:5px;
	overflow:hidden;
	border:2px solid #AE9036;
}
.rub-gazette .top-rub{
	font-size:13px;
	text-align:right;
	color:#FBFBFB;
	background:url('http://jolstatic.fr/wildstar/site/design2/img/actu_titrerub.png') no-repeat right top #b25405;
	height:32px;
	line-height:32px;
	width:572px;
	padding-right:20px;
	overflow:hidden; 
	/*
	font-size:12px;
	text-align:right;
	background:url('http://jolstatic.fr/wildstar/site/design2/img/actu_titre2.png') no-repeat right top #ffffff;
	height:32px;
	line-height:32px;
	width:266px;
	padding-right:5px;
	padding-left:5px;
	overflow:hidden;
	border-left:2px solid #9E9E9E;
	border-right:2px solid #9E9E9E; */
}
.gazette{
	float:left;
	width:280px;
	margin-right:4px;
	margin-left:4px;
	margin-bottom:5px;
	margin-top:5px;
  overflow:hidden;
} 

.gazette .top-gazette{
	font-size:11px;
	text-align:right;
	background:url('http://jolstatic.fr/wildstar/site/design2/img/actu_titre2.png') no-repeat right top #B4CDD8;
	height:32px;
	line-height:32px;
	width:266px;
	padding-right:5px;
	padding-left:5px;
	overflow:hidden;
	border-left:2px solid #9E9E9E;/**/
	border-right:2px solid #9E9E9E;/**/
}

.gazette .top-rubgazette{
	font-size:11px;
	text-align:right;
	color:#FBFBFB;
	background:url('http://jolstatic.fr/wildstar/site/design2/img/actu_titrerub.png') no-repeat right top #b25405;
	height:32px;
	line-height:32px;
	width:266px;
	padding-right:5px;
	padding-left:5px;
	overflow:hidden;
	border-left:2px solid #9E9E9E;/**/
	border-right:2px solid #9E9E9E;/**/
}

.gazette .corps-gazette{
	background-color:white;
	font-size:11px;
  text-align:justify;
  padding-right:5px;
  padding-left:5px;
	overflow:hidden;
	border-left:2px solid #9E9E9E;/**/
	border-right:2px solid #9E9E9E;/**/
}

.gazette .bottom-gazette {
  font-size:10px;
  background:url('http://jolstatic.fr/wildstar/site/design2/img/bottom-gazette.png') no-repeat right top;
  height:30px;
  padding:10px;
  text-align:center;
}

.gazette .bottom-gazette p {
  margin:0;
  padding:0;
  line-height:13px;
}

.gazette2{
	float:left;
	width:568px;
	margin-right:4px;
	margin-left:4px;
	margin-bottom:5px;
	margin-top:5px;
  overflow:hidden;
} 
.gazette2 .top-gazette2{
	font-size:11px;
	text-align:right;
	background:url('http://jolstatic.fr/wildstar/site/design2/img/actu_titre2.png') no-repeat right top #ffffff;
	height:32px;
	line-height:32px;
	width:554px;
	padding-right:5px;
	padding-left:5px;
	overflow:hidden;
	border-left:2px solid #9E9E9E;/**/
	border-right:2px solid #9E9E9E;/**/
}

.gazette2 .top-rubgazette2{
	font-size:11px;
	text-align:right;
	color:#FBFBFB;
	background:url('http://jolstatic.fr/wildstar/site/design2/img/actu_titrerub.png') no-repeat right top #b25405;
	height:32px;
	line-height:32px;
	width:554px;
	padding-right:5px;
	padding-left:5px;
	overflow:hidden;
	border-left:2px solid #9E9E9E;/**/
	border-right:2px solid #9E9E9E;/**/
}

.gazette2 .corps-gazette{
	background-color:white;
	font-size:11px;
  text-align:justify;
  padding-right:5px;
  padding-left:5px;
	overflow:hidden;
	border-left:2px solid #9E9E9E;/**/
	border-right:2px solid #9E9E9E;/**/
}
.gazette2 .bottom-gazette {
  font-size:10px;
  background:url('http://jolstatic.fr/wildstar/site/design2/img/bottom-gazette2.png') no-repeat right top;
  height:30px;
  padding:10px;
  text-align:center;
}
.gazette2 .bottom-gazette p {
  margin:0;
  padding:0;
  line-height:13px;
}

/*mini-elements des depeches et des gazettes*/

.q2{
	float:left;
	width:558px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-top:0px;
	overflow:hidden;
}

.q2 .top-q2{

	background:url('http://jolstatic.fr/wildstar/site/design2/img/quote_top.png') no-repeat right top #a3e3e4;
	height:7px;
	width:558px;
	padding-right:0px;
	padding-left:0px;
	overflow:hidden;
}

.q2 .corps-q2{
	background-color:#708e93;
	font-size:12px;
	font-style:italic;
	color:#81FE94; /*#A9EDC5;*/
	line-height:13px;
	text-align:justify;
	padding-right:5px;
	padding-left:5px;
	overflow:hidden;
}

.q2 .corps-q2 p{
	line-height:13px;
	margin-bottom: 4px;
	padding-left:10px;
	padding-right:10px;
}

.q2 .corps-q2 .sign{
	color:#3DCCEB;
	text-align:right;
	padding-right:35px;
	font-weight: bold;
}

.q2 .bottom-q2 {
  background:url('http://jolstatic.fr/wildstar/site/design2/img/quote_bottom.png') no-repeat right top;
  height:7px;
  padding:0px;
}


/*Recherche*/
.jol_recherche_formulaire_interieur{
	width:221px;
	margin:0px auto;
	margin-bottom:10px;	
}
.jol_recherche_terme{
	padding:5px;
	margin-right:10px;	
}
.jol_recherche_submit{
	background-color:#105E75;
	padding:5px;
	color:#DADADA;
}

.gsc-control-cse{
	background-color:#DADADA!important;
}