/* CSS2 du fan-site EVE Online JeuxOnLine par rackam77 */

/**
 * Corps général du site
 */
 


body {
	margin:			0;
	    /* background : 	#b1ab9d repeat; -> couleur de fond marron clair */
	background: url(http://medias.jeuxonline.info/eve/images_site_2010/background.jpg) no-repeat center center fixed; 
 	 -webkit-background-size: cover;
  	 -moz-background-size: cover;
  	 -o-background-size: cover;
  	background-size: cover;
    text-align:		center;
	font-family: 	Verdana, sans-serif;
    font-size:		0.8em;
    font-weight:	normal;	
}

	/**
	 * Positionnement du site
	 */
	#site {
		position:		relative;
		margin: 		0 auto;
		width:			900px;
		text-align:		left;	
		
	}

		/* Hauteur minimum IE */
		 #site { 
			#_height:	1000px;
		}
		/* Hauteur minimum autres navigateurs */
		html>body #site {
			min-height: 	1000px;
		}
		


		/**
		* Calque titre du site + Menu déroulant
		*/
		div#banniere{
			width:			900px;
			height:			337px;
			/*height:			275px;*/
			background :	url('http://medias.jeuxonline.info/eve/images_site_2010/Banniere_bleue.jpg') top left no-repeat;		*/	
		}

			div#banniere a:hover { 
				cursor:		pointer; 
			}
				a#lienAccueil {
					position:		relative;
					display:		block;
					left:			184px;
					top:			40px;
					height:			164px;
					width:			598px;
				}
		
		/* Calque Pub Google */
		#pubJoL {
			position: 		absolute;
			margin-top:		100px;
			margin-left:		217px;
			width:				467px;
			height:				59px;
			font-size:1em;
		}
		

		#barre_sup {
			width:				909px;
			height:				14px;
			background :		url('http://medias.jeuxonline.info/eve/images_site_2010/barre_sup.gif') top left no-repeat ;
		}
		
		
	/**
	 * Calque du contenu central
	 */
	 
	 div.alert-ie {
		background:#801010;
		font-size:1.2em;
		color:#F0F0F0;
		padding:5px;
	 }
	 div.alert-ie a{
		color:white;
	 }
	 
	#contenuCentral {
		width:				908px;	
		min-height:			600px;
		#_height:			600px;
		padding-bottom:		100px;		/*permet de définir l'espace "vierge" entre la zone centrale et le pied de page*/
		background:			url('http://medias.jeuxonline.info/eve/images_site_2010/fondCentre.gif') top left repeat-y;
	}	  
		
	#pMenu{
		width:		148px;
		min-height:	200px;
		_height:	200px;
		height:		100%;
		float: 		left;		
	}		
	
		#panneauMenu {

			width:			148px;	
			min-height:		300px;
			_height:		300px;
			height:			100%;
			font-family : 	"evefont", Verdana, Arial;
			background  : 	url('http://medias.jeuxonline.info/eve/images_site_2010/panneauMenuFond.gif') top left repeat-y ;
			

		}	
		#panneauCorpo{
			margin:5px 10px 0px 0px;
			width:148px;
			padding-top:	10px;
			padding-bottom:	30px;
		}
		
		#panneauCorpoText  {
			text-align:center;
			width:80px;
			font-size:0.9em;
			padding:0 30px 0 30px;
		}
	
		#panneauMenuPied {
			width:			148px;
			height:			130px;
			background: 	url('http://medias.jeuxonline.info/eve/images_site_2010/panneauMenuPied.gif') top left no-repeat ;			
		}	
		
			#panneauMenu a{
				color:				#D0D0D0;
				text-decoration:	none;
				outline:			none;
			}
			
			#panneauMenu a:hover {
				color :		#ff9701;
				
			}
		
				.menu_titre {
					padding-top:	1px;
					padding-left:	10px;
					height:			19px;
					width:			141px;
					color: 			white;	    
					color: 			white;	    
					cursor:			pointer;
					font-size:		1.2em;
				}
				
				.plusmoins{
					display:			inline;
					position:      		absolute;
					left:				125px;
					margin-top:			-20px;
					color:				white;
					cursor:				pointer;	
					text-shadow: 		black 1px 1px;
				}
				
				.sep1 {
					height:			2px;
					width:			141px;
					background  : 	url('http://medias.jeuxonline.info/eve/images_site_2010/menu_sep1.gif') top left no-repeat;
					
				}
			
				.calquederoulant{
					padding:0;
					margin:0;
				}
				.sous_menu {
					list-style:none;
					padding:0;
					margin:0;
				}
				.listesousmenu{
					margin-left:	30px;
					color: 			white;
					font-size:		3pt;
					list-style:		none;	
				}
				
				.sous_menu_titre{
					margin-left:	-30px;			
					padding-top:	5px;
					padding-left:	20px;
					height:			auto;
					min-height:		18px;
					_height:		18px;
					width:			141px;
					font-size:		8pt;
					font-family : 	Verdana, Arial;
					text-transform:	none;
					background:		url('http://medias.jeuxonline.info/eve/images_site_2010/sousmenu_fond.gif') top left repeat-y ;		
					
				}
				
				.sep2 {
					height:			2px;
					width:			138px;
					margin-left:	1px;
					background  : 	url('http://medias.jeuxonline.info/eve/images_site_2010/menu_sep2.gif') top left no-repeat;
				}
				
		
			
		
			#panneauActus {
				position:		relative;
				width:			766px;			
				height:			21px;
				background  : 	url('http://medias.jeuxonline.info/eve/images_site_2010/panneauForum_fond.gif') top left no-repeat ;
				padding-top:	5px;
			}
			
				ul#carouselta{
					height:			26px;
					font-family: 	"evefont", Verdana, Arial;
					font-size:		1.2em;					
				}

					ul#carouselta li a {
						text-decoration:	none; 
						outline: 			none; 
						color :				#ee9701;
					}
					ul#carouselta li a:hover {
						color:				#D0D0D0;
					}
					
			#panneauTitre {
				position:		relative;
				width:			766px;			
				height:			69px;
				background  : 	url('http://medias.jeuxonline.info/eve/images_site_2010/panneauTitre_fond.jpg') top left no-repeat ;

				color:			#D0D0D0;
				padding-left:	150px;

				cursor: 		default;
				font-family:	"evefont", Tahoma, Verdana, Arial;
				font-size:		4.5em;
				text-shadow:	1px 1px 2px #333;
			}
			
			#panneauConnexion {
				position:		relative;
				width:			145px;			
				height:			67px;
				float:			right;
				margin-top:		-69px;
				margin-right:	-154px;
				padding:		5px 0 0 10px;
				font-family: 	"evefont", Verdana, Arial;
				background  : 	url('http://medias.jeuxonline.info/eve/images_site_2010/panneauConnexion.jpg') top left no-repeat ;
			}
			
			#panneauConnexion #login{
				margin-top:		10px;
				text-align:		left;
				font-size:		1.4em;
				width:			140px;
			}
			
			#panneauConnexion #login_button{
				margin-top:		10px;
				text-align:		left;
				font-size:		12px;
				width:			140px;
			}
			#panneauConnexion a{
				text-decoration:	none; 
				outline: 			none; 
				color:				#D0D0D0;
			}

			 	#panneauConnexion  a:hover{				
					text-decoration: 	none;
					color :				#ee9701;
				}
			}
			.navbar_username { 
				
			}
			
			input[type="text"], input[type="password"] {
				height:		14px;
				background:	#D0D0D0;
				border:		none;
				margin-top:	2px;
				margin-left:4px;
				width:		107px;
				padding-left:2px;
				padding-top:-1px;
				
			}
			
			.button1 {
				
				 background:url('http://medias.jeuxonline.info/eve/images_site_2010/buttonUp.jpg') top left no-repeat ;
				 border:none;
				 width:110px;
				 height:17px;
				 margin-top:4px;
				 text-align:center;
				 margin-left:4px;
				 color:#EEE;
				 outline:none;
			 }
			 
			 .button1:active{
				 background:url('http://medias.jeuxonline.info/eve/images_site_2010/buttonDown.jpg') top left no-repeat ;			 
				 width:110px;
				 height:17px;
			 }
			 
			 .button1:hover{
				color :		#fff;
			 }
	
			
			#panneauContenu{
				position:		relative;
				margin-top:		10px;
				margin-left:	20px;
				width:			660px;
				color:			white;
				font-family:	Verdana, arial;
				font-size:		8pt;		
			}
		
				#panneauServeur{
					float:			right; /*change le sens de repli du panneau */
					height:			177px;
					width:			32px;				
					overflow:		hidden;
					background  : 	url('http://medias.jeuxonline.info/eve/images_site_2010/panneauServeur_fond.png') top left no-repeat ;		
				}
				
					#imageserveur{
						position:		relative;
						left:			45px;
						top:			5px;
						height:			180px;
						background :	url('http://myeve.eve-online.com/serverStatusGraph/ServerStatus.aspx?gid=1') top left no-repeat;
					}
				
				#panneau_forum{
					float:			right; /*change le sens de repli du panneau */
					height:			177px;
					width:			32px;				
					overflow:		hidden;
					background  : 	url('http://medias.jeuxonline.info/eve/images_site_2010/panneauForum_fond.png') top left no-repeat ;		
				}
					#titres_forum{
						position:		relative;
						left:			45px;
						top:			5px;
						height:			160px;
						overflow:hidden;
						 
					}
					
					.jolsujets a {
						text-decoration: none;
						color:#fff;
						outline:none;
						text-shadow: 1px 1px 0px #222;
					}
					
					.jolsujets a:hover {
						text-decoration: none;
						color:#ee9701;
						outline:none;
					}
			
			#mycaroussel li a img{
				border:none;
			}
			#mycaroussel li a{
				border:none;
			}
			#mycaroussel li {
				border:none;
			}
			
	
			
	
	/**
	 * Calque du pied-de-page
	 */	
	#piedDePage {	
		height:			211px;
		width:			908px;	
		background:		url('http://medias.jeuxonline.info/eve/images_site_2010/fondPiedPage.jpg') top left no-repeat ;	
		text-align:		center;
		color:			#D0D0D0;
		
	}	
		
		#piedDePage  a{
			text-decoration:none;
			color:#ee9701;
			outline:none;
		}
		
		#piedDePage  a:hover{
			text-decoration:underline;
		}

	
	/**
	 *	Modification du CSS des ACTUS et ARTICLES JoL                  
	 */    

	#actualites { }
	
	 div.jol_actus_actualite , div.jol_article_article{ 
		color:	#D0D0D0;		
	}
		div.jol_actus_container, div.jol_article_container{
			margin-bottom:15px;		
		}
	
			.jol_actus_actualite a{
				color:				white;
				text-decoration: 	none;
				outline:			none;
			}
			.jol_article_article a{
				text-decoration:	none;
				color :				#ee9701;
				outline:			none;
			}
			.jol_actus_actualite a:hover, .jol_article_article a:hover {
				text-decoration:	underline;
				color :				#ee9701;
				cursor : 			pointer;
			}
		
			.jol_actus_date {
				
				font-family:	verdana, Arial;
				font-size:		0.8em;
			}			
			 
			div.jol_actus_titre, div.jol_art_titre { 
				font-weight:		bold;
				margin:				0;
				margin-top:			5px;
			}
				.jol_actus_titre a {
					color:		white;	
					outline:	none;					
				}	
				.jol_actus_titre a:hover {
					text-decoration : 	none;
				}
			
			hr.jol_actus_hr {
				height:				1px;
				color:				#434343;
				background-color:	#434343;
				border: 			none;
			}

	/** 
	 * Corps des actus et articles
	 */
	div.jol_actus_corps, div.jol_art_corps, div.jol_actus_accroche { 
		text-align:		justify; 
		font-size:		1em;
		color:			#C0C0C0;
	}
	
	
	div.jol_actus_suite {
		margin-bottom:	10px;
		text-align:		left;
		
	}

		.jol_actus_suite a{
			color : #ee9701;
		}
		
	div.jol_actus_infos, div.jol_art_infos{ 
		font-size:		0.9em;
	}	
	 

	div.jol_actus_corps img, div.jol_art_corps img, div.jol_actus_accroche img  { 
		border:		1px solid grey;
	} 

	blockquote{
		margin-right:5px;
		margin-left:5px;
		padding:5px 5px 5px 25px;
		background-color:#303030;
	}
	
	
	.jol_article_imprimer {
		margin-left:5px;
		height:50px;
		width:50px;
		vertical-align:middle;
	}
		.jol_article_imprimer a img{
			border:none;
		}
	
	a[name] {
		font-size:14px;
		outline:none;
	}
	
	a[name]:hover {
		
		text-decoration:	none;
		color :				#ee9701;
		cursor : 			default;
	}
	
	a.up {
		vertical-align:middle;	
		
		
	}
	a.up img{
		border:	none;
	}
	
	/**
	 * FIX LISTES SOMMAIRE : espace entre les listes (les divs d'une meme liste (physique) sont separees, bizarrement) 
	 */
	div.jol_article_sommaire { 
		margin-bottom:		13px; 
	}	
		div.jol_article_sommaire_titre { 
			margin-bottom:	13px; 
		}
		div.jol_article_sommaire_corps ul { 
			margin:			0;
		} 

	/**
	 * Gestion des actualités archivées
	 */
	div.archives {
		color:				white;
	}
	p.freshnews_archives_titre, p.freshnews_archives_texte {
		width:				790px;
		margin:				20px;
	}
	h2 {
		font-size: 1.2em;
		display : inline;
	}
	h2.sommaire_titre{
		font-size:1em;
	}
	a.titre:hover{
		text-decoration:none;
	}
	
	/**
     * Gestion du wiki	 
	 */
	

	div#jolWiki  {
		margin-left:10px;
	}
	
	div#jolWiki  a{
		text-decoration:	none;
		color :				#ee9701;
		outline:			none;
	}
	 
	div#jolWiki  a:hover{
		text-decoration:	underline;
		color :				#ee9701;
	}
	 
	div#wikiSurveiller{
		margin-top:		20px;	 
	}
	
	/**
	 * Gestion de la page lexique
	 */
	div.jol_lexique a{
		text-decoration:	none;
		color :				#ee9701;
		font-size:1.1em;
		outline:			none;
	}
	div.jol_lexique a:hover{
		text-decoration:	underline;
		color :				#ee9701;
		
	}
	.jol_lexique_lettre_selectionnee{
		color :		#ee9701;
		font-size:	1.7em;
		color:		#fff;
	}
	ul.jol_lexique_lettres_liste , ul.jol_lexique_categorie{ 
		
		list-style:none;
	}
	ul.jol_lexique_lettres_liste li{
		display:inline;
		margin-left:2px;
		
	}

		
		.jol_article_sources {
			display : inline;
		}
		.jol_article_sources  ul {
			list-style-type:none;
			margin-left:-40px;
		}
		
		.jol_article_sources  ul li {
			display : inline;
		}
	

	a.jol_lexique_infobulle{
		text-decoration:none;
		border-bottom:1px dotted grey;
		color:	#C0C0C0;
	}
	
	dv.jol_lexique_boxover_header {
		background:black;
		color:white;
	}
	div.jol_lexique_boxover_body{
		padding:5px;
		background:black;
		color:white;
		border:1px dotted #ee9701;
	}
	
	.freshnews_archive_mois_list {
		list-style-type:none;
	}
	
	.freshnews_archive_mois_list a {
		text-decoration: none;
		color:#fff;
	}
	
	
/**
 * Utilisation du CSS images, vidéos via @image() et @video()  
 */
 
div.jol_images{
	clear:right;
}
 
 div.jol_image { 
	margin:0 ;
	padding:	0px; 
	font-size:	0.8em;  
	border:		1px solid grey;  
} 
	div.jol_image div.legende { 
		margin-top:		5px; 
	}
	div.jol_image a { 
		color:			#000; 
	}
	div.jol_image img { 
		display:		block;
	} 
    div.jol_image_legende { 
		display:		none;	
		visibility:		hidden;
		height:			0;
	}

div.jol_video { 
	margin-bottom:		20px ; 
	padding: 			1px 3px; 
	font-size:			11px;  
	border:				3px solid #1c1a17; 
} 

/**
 * Captures aléatoire 
 */
div#jolCaptures{
	float:		right;
	margin:		0 0 5px 20px;
	overflow:	hidden;
	border:		1px solid grey;  
}
 
/**
 * Tags - Container des tags
 */
div.jol_actus_tags {
	margin-top:		10px;
	min-height:     15px;
	text-align:		right;
}
div.jol_actus_tags ul.jol_actus_tags_liste:before{
 content:	'Theme(s) : ';
}
/**
 *  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:    '';
}
/**
 * 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;
}

/**
 * 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 #45403a;
    color:              #ffffff;
    padding:            2px 5px;
    text-decoration:    none;
	outline:			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 #a29885;
    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 {
    
    color:              #fff;
    border-color:       #a29885;
    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:       #a29885;
    color:              #ccc;
    cursor:             default;
    font-weight:        normal;
}


div.frame_boutons {
	background : #202020;
	border:1px solid black;
	padding:10px;
	width:560px;
	padding-left:40px;
}

div.bouton {
	background:url('http://medias.jeuxonline.info/eve/images_site_2010/bouton.png') top left no-repeat;
	width: 150px;
	height:	61px;
	text-align:center;
	text-shadow: black 0px -1px 0px;
	padding:15px 0px;
	display:inline-block;
	margin-right:20px;
	
}
a.bouton_a{
	text-decoration:none;
	color : white;
	outline:none;	
}

div.bouton:hover{
	background-position:-150px 0;
	cursor : pointer;
}

div.formulaire {
	font-size: 1.2em;
	background : #202020;
	border:1px solid black;
	padding:10px;
	width:auto;
}
div.formulaire a {
	text-decoration:	none;
	color :				#ee9701;
	outline:			none;
}

div.formulaire a :hover {
	text-decoration:	underline;
}

div.formulaire span {
	margin: 0 0 2px 4px;
	display:block;
}
div.formulaire input[type="text"] {
	height:20px;
	min-width: 300px;
	border: 1px solid #F0F0F0;
	margin-bottom:10px;
}

div.formulaire input[type="password"] {
	height:20px;
	min-width: 100px;
	border: 1px solid #F0F0F0;
	margin-bottom:10px;
}
div.formulaire input[type="submit"]{
	background:url('http://medias.jeuxonline.info/eve/images_site_2010/bouton_tiny.png') top left no-repeat;
	border:none;
	width: 75px;
	height:	31px;
	text-align:center;
	text-shadow: black 0px -1px 0px;
	color:white;
}
div.formulaire input[type="file"]{
	color:white;
}

div.formulaire input[type="submit"]:hover{
	background-position:-75px 0;
	cursor : pointer;
}

/*tableaux*/

 div.jol_article_article table tbody tr td {
	background-color : black;
}


/**
 * Footer - COPYRIGHT NOTICE EVE ONLINE & CCP
 */

#paging_container_trademarks {
    height: 70px;
    left:20%;
    position: absolute;
    width: 630px;
    color: #C0C0C0;
    font-family: Verdana,arial;
    font-style: italic;
	font-size:xx-small;
	text-align:justify;
    padding-bottom: 5px;
}

.container_trademarks {
    background-color: transparent;
    margin: 10px 10px 10px;
    padding: 20px;
}