/* Feuille de style Stargate 13 GENERAL - Crée le 28/10/06 - Nom de code: Odyssée Pégase */
/* Auteur: Jackoneil - Version: 1.0.0 */


/* Design générale du site */

body {
	margin: 0 ;
	padding: 0 ;
	background: #1E3C5B ;
	font: 12px verdana ;
	color: #FFFFFF ;
	margin-bottom: 60px ;
}

a {
	font: 12px verdana ;
	text-decoration: none ;
	color: #8FADCD ;
}

a:visited {
	font: 12px verdana ;
	text-decoration: none ;
	color: #8FADCD ;
}

a:hover {
	font: 12px verdana ;
	text-decoration: none ;
	color: #FFFFFF ;
}

img {
	border: none ;
	vertical-align: middle ;
}

hr {
	clear: both ;
	visibility: hidden ;
}

acronym {
	cursor: help ;
}



/* Squelette du site entier */

div#header {
	height: 210px ;
	background: url(skinsg13/sg13banniere.png) no-repeat left top ;
}

div#banner {
	position: absolute ;
	background: url(skinsg13/skinbanner.png) no-repeat ;
	left: 0px ;
	top: 170px ;
	width: 900px ;
	height: 30px ;
	z-index: 2 ;

}

div#bannertrans {
	position: absolute ;
	background: url(skinsg13/skinbannertrans.png) repeat ;
	left: 0px ;
	top: 170px ;
	width: 900px ;
	height: 30px ;
	z-index: 1 ;

}

div#site {
	position: relative ; /*ca etait absolute */
	width: 900px ;
	margin: 0px auto ;
	margin-top: 0px ;
	background: url(skinsg13/skinbord.gif) repeat-y left ;
}

div#center {
	margin-top: 50px ;
}

div#center p {
	margin-left: 38px ;
	margin-right: 38px ;
	margin-top: 0px ;
	margin-bottom: 10px ;
	text-align: justify ;
	font: 12px verdana ;
	color: #FFFFFF ;
}

div#center h1 {
	font: bold 16px verdana ;
	color: #CA4200 ;
	margin-left: 380px ;
	margin-bottom: 50px ;
}

div#center h2 {
	font: bold 14px verdana ;
	color: #11559F ;
	text-align: left ;
	margin-left: 28px ;
	background: url(images/icon.gif) no-repeat 0% 50% ;
	padding-left: 15px ;
}

div#center h3 {
	font: bold 14px verdana ;
	color: #11559F ;
	text-align: left ;
	margin-left: 28px ;
	background: url(images/icon.gif) no-repeat 0% 50% ;
	padding-left: 15px ;
}

div#center h4 {
	font: bold 14px verdana ;
	color: #11559F ;
	text-align: left ;
	margin-left: 28px ;
	background: url(images/icon.gif) no-repeat 0% 50% ;
	padding-left: 15px ;
}

div#center h5 {
	font: bold 14px verdana ;
	color: #11559F ;
	text-align: left ;
	margin-left: 28px ;
	background: url(images/icon.gif) no-repeat 0% 50% ;
	padding-left: 15px ;
}

div#center h6 {
	font: bold 14px verdana ;
	color: #11559F ;
	text-align: left ;
	margin-left: 28px ;
	background: url(images/icon.gif) no-repeat 0% 50% ;
	padding-left: 15px ;
}

div#center li {
	font: 12px Verdana ;
	color: #FFFFFF ;
	margin-left: 28px ;
}

div#center a {
	font: 12px verdana ;
	color: #8FADCD ;
	text-decoration: none ;
}

div#center a:hover	{
	font: 12px verdana ;
	color: #8FADCD ;
	text-decoration: underline ;
}

div#avfooter {
	background: url(skinsg13/skinintermed.gif) no-repeat left ;
	position: relative ;
	width: 900px ;
	margin: 0 auto ;
	text-align: left ;
	height: 14px ;
}

div#footer {
	height: 60px ;
	background: url(skinsg13/skinfooter.png) no-repeat left top ;
}



/* Menu du site */

div#menudem {
	background: url(skinsg13/menudem.png) no-repeat ;
	width: 100px ;
	height: 60px ;
	position: absolute ;
	top: 200px ;
	left: 10px ;
}

div#menudem:hover {
	background: url(skinsg13/menudem2.png) no-repeat ;
	width: 100px ;
	height: 60px ;
	position: absolute ;
	top: 200px ;
	left: 10px ;
}

div#menu1 {
	position: absolute ;
	visibility: hidden ;
	background: url(skinsg13/fondmenu1.png) repeat ;
	color: #FFFFFF ;
	font: 12px Verdana ;
	border: 1px solid #FFFFFF ;
	left: 8px ;
	top: 204px ;
	width: 120px ;
	padding: 6px ;
	z-index: 1 ;
}

div#menu1 a {
	margin: 0 3px ;
	font: 12px verdana ;
	color: #8FADCD ;
	text-decoration: none ;
}

div#menu1 a:hover  {
	font: 12px verdana ;
	text-decoration: none ;
	color: #D96C00 ;
}

.menu1list {
	list-style-type: none ;
	margin: 0px ;
	margin-top: 5px ;
	padding: 0px ;
}

.menu1list li {
	margin-bottom: 2px ;
}

.menu1over {
	border: 1px solid transparent ;
	padding-left: 4px ;
	padding-top: 2px ;
	padding-bottom: 6px ;
}

.menu1over:hover {
	border: 1px solid #FFFFFF ;
	background: url(skinsg13/fondmenu1over.png) repeat ;
	padding-left: 4px ;
	padding-top: 2px ;
	padding-bottom: 6px ;
}

.close {
	padding-left: 90% ;
	cursor: pointer ;
}

div#menu2 {
	position: absolute ;
	top: 166px ;
	left: 180px ;
	z-index: 3 ;
}

div#menu2 a {
	font: bold 13px verdana ;
	color: #FFFFFF ;
	text-decoration: none ;
}

div#menu2 a:hover  {
	font: bold 13px verdana ;
	text-decoration: none ;
	color: #8FADCD ;
}

.menu2list {
	list-style-type: none ;
	margin: 0px ;
	margin-top: 5px ;
	margin-left: 5px ;
	padding: 0px ;
}

.menu2list li {
	display: inline ;
	margin-right: 4px ;
}


/* Système information état porte */

#infodhd {
	font: bold 12px Verdana ;
	color: #000000 ;
	position: absolute ;
	top: 9px ;
	left: 28px ;
}



/*Personne en ligne sur le site */

#online {
	font: 10px Verdana ;
	color: #FFFFFF ;
	position: absolute ;
	top: 172px ;
	right: 14px ;
	z-index: 2 ;
	
}



/* Formulaire du site */

.button {
	font: 12px verdana ;
	border: 1px solid #FFA500 ;
	background: url(images/boutonout.png) repeat ;
	color: #00156E ;
}

.button:hover {
	font: 12px verdana ;
	border: 1px solid #FFA500 ;
	background: url(images/boutonover.png) repeat ;
	color: #00156E ;
}

.buttonbis {
	font: 12px verdana ;
	border: 1px solid #FFA500 ;
	background: url(images/boutonout.png) repeat ;
	color: #00156E ;
	margin-left: 40px ;
}

.buttonbis:hover {
	font: 12px verdana ;
	border: 1px solid #FFA500 ;
	background: url(images/boutonover.png) repeat ;
	color: #00156E ;
	margin-left: 40px ;
}

.buttonrefresh {
	background: url(../tchat/refresh.gif) no-repeat 50% ;
	border: 0px ;
	cursor: pointer ;
	height: 18px ;
	width: 20px ;
}

.buttonrefresh:hover {
	background: url(../tchat/refresh1.gif) no-repeat 50% ;
	border: 0px ;
	cursor: pointer ;
	height: 18px ;
	width: 20px ;
}

.buttonnews {
	font: 12px verdana ;
	border: 1px solid #FFA500 ;
	background: url(images/boutonout.png) repeat ;
	color: #00156E ;
	height: 20px ;
	width: 60px ;
}

.buttonnews:hover {
	font: 12px verdana ;
	border: 1px solid #FFA500 ;
	background: url(images/boutonover.png) repeat ;
	color: #00156E ;
	height: 20px ;
	width: 60px ;
}

#txtpseudo { 
   	font: 12px Verdana ; 
   	color: #FFFFFF ;
   	background-color: #072444 ; 
   	border: 1px solid #FFFFFF ;
   	background-image: url(images/pseudo.png) ;
   	background-repeat: no-repeat ;
   	background-position: 2px 2px ;
   	padding: 1px 1px 1px 19px ;
   	width: 160px ;
}

#txtmail { 
   	font: 12px Verdana ; 
   	color: #FFFFFF ;
   	background-color: #072444 ; 
   	border: 1px solid #FFFFFF ;
   	background-image: url(images/mail.png) ;
   	background-repeat: no-repeat ;
   	background-position: 2px 2px ;
   	padding: 1px 1px 1px 19px ;
   	width: 230px ;
}

#txtrecherche {
	font: 12px verdana ;  
	color: #FFFFFF ;
	background-color: #072444 ; 
	border: 1px solid #FFFFFF ;
	background-image: url(images/rechercher.png) ;
	background-repeat: no-repeat ;
	background-position: 2px 2px ;
	padding: 1px 1px 1px 19px ;
	width: 220px ;
}

#txtobjet { 
   	font: 12px Verdana ; 
   	color: #FFFFFF ;
   	background-color: #072444 ; 
   	border: 1px solid #FFFFFF ;
   	background-image: url(images/objet.png) ;
   	background-repeat: no-repeat ;
   	background-position: 2px 2px ;
   	padding: 1px 1px 1px 19px ;
   	width: 230px ;
}

#txtlien { 
   	font: 12px Verdana ; 
   	color: #FFFFFF ;
   	background-color: #072444 ; 
   	border: 1px solid #FFFFFF ;
   	background-image: url(images/image.png) ;
   	background-repeat: no-repeat ;
   	background-position: 2px 2px ;
   	padding: 1px 1px 1px 19px ;
   	width: 230px ;
}

#txtrecherche {
	font: 12px verdana ;  
	color: #FFFFFF ;
	background-color: #072444 ; 
	border: 1px solid #FFFFFF ;
	background-image: url(images/rechercher.png) ;
	background-repeat: no-repeat ;
	background-position: 2px 2px ;
	padding: 1px 1px 1px 19px ;
	width: 230px ;
}

#resultgd {
	font: 12px verdana ; 
	text-transform: uppercase ; 
	color: #FFFFFF ;
	background-color: #072444 ; 
	border: 1px solid #FFFFFF ;
	background-image: url(images/codegd.png) ;
	background-repeat: no-repeat ;
	background-position: 2px 2px ;
	padding: 1px 1px 1px 19px ;
	width: 60px ;
}

#txtderoulant { 
   	font: 12px Verdana ; 
   	color: #FFFFFF ;
   	background-color: #072444 ; 
   	border: 1px solid #FFFFFF ;
	width: 252px ;
}

#texte { 
   	font: 12px Verdana ; 
   	color: #FFFFFF ;
   	background-color: #072444 ; 
   	border: 1px solid #FFFFFF ;
}

#messsend {
   	font: 12px Verdana ; 
   	color: #FFFFFF ;
   	background-color: #072444 ; 
   	border: 1px solid #FFFFFF ;
	width: 310px ;
	margin-right: 6px ;
}

#pseudotchat {
   	font: 12px Verdana ; 
   	color: #FFFFFF ;
   	background-color: #072444 ; 
   	border: 1px solid #FFFFFF ;
   	background-image: url(images/pseudo.png) ;
   	background-repeat: no-repeat ;
   	background-position: 2px 2px ;
   	padding: 1px 1px 1px 19px ;
   	width: 120px ;
}

.txtformdef { 
   	font: 12px Verdana ; 
   	color: #FFFFFF ;
   	background-color: #072444 ; 
   	border: 1px solid #FFFFFF ;
	width: 220px ;
}

#connectchat {
	text-align: center ;
	padding: 19% ;
}

#formulaire {
	margin-left: 460px ;
	text-align: left ;
}

#partenaire {
	margin-left: 460px ;
	text-align: left ;
}

#fanart {
	margin-left: 460px ;
	text-align: left ;
}

#formlive1 {
	font: 12px Verdana ;
	color: #FFFFFF ;
	overflow: auto ;
	height: 360px ;
	margin-right: 40px ;
	margin-left: 40px ;
	padding: 4px ;
	border: 1px solid #FFFFFF ;
	text-align: justify ;
}



/* Navigation sur le site */

#locate {
	font: 10px Verdana ;
	color: #FFFFFF ;
	position: absolute ;
	top: 224px;
	left: 146px;
}

div#navigation {
	font: bold 12px Verdana ;
	color: #8FADCD ;
	background: url(skinsg13/navigation.png) no-repeat ;
	width: 150px ;
	height: 67px ;
	position: absolute ;
	top: 201px ;
	left: 120px ;
	padding-top: 6px ;
	padding-left: 26px ;
}



/* Divers CSS du site */

#rhaut {
	font: 11px Verdana ;
	position: absolute ;
	bottom: 70px ;
	right: 30px ;
	color: #38597E ;
	z-index: 1 ;
}

#rhaut a {
	font: 11px Verdana ;
	text-decoration: none ;
	color: #38597E ;
}

#rhaut a:hover {
	font: 11px Verdana ;
	text-decoration: none ;
	color: #8FADCD ;
}

#date {
	font: 10px Verdana ;
	color: #FFFFFF ;
	position: absolute ;
	top: 200px ;
	right: 14px ;
}

#copyright {
	margin: 0 ;
	font: 10px verdana ;
	text-align: center ;
	color: #FFFFFF ;
}

#copyright a {
	font: 10px verdana ;
	text-decoration: none ;
	color: #FFFFFF ;
}

#copyright a:hover {
	font: 10px verdana ;
	text-decoration: none ;
	color: #8FADCD ;
}

.alertjs {
	font: 12px Verdana ;
	color: #9B0000 ;
	background: #330000 ;
	border: 1px solid #FF0000 ;
	text-align: left ;
	padding: 4px ;
	width: 714px ;
}

.alertie {
	font: 12px Verdana ;
	color: #9B0000 ;
	background: #330000 ;
	border: 1px solid #FF0000 ;
	text-align: left ;
	padding: 4px ;
	width: 714px ;
	margin-bottom: 6px ;
}

.staff {
	border: 2px solid #CA4200 ;
	vertical-align: middle ;
	margin-left: 40px ;
}

.technosg {
	border: 2px solid #CA4200 ;
	vertical-align: middle ;
	margin-left: 40px ;
}

.racetech {
	font: bold 12px Verdana ;
	color: #FFA500 ;
}

.nametech {
	margin-left: 40px ;
	font: bold 13px Verdana ;
	color: #FFFFFF ;
}

.logopartenaire {
	border: 2px solid #CA4200 ;
	vertical-align: middle ;
	margin-left: 60px ;
	width: 250px ;
	height: 40px ;
}

#divacacher {
	background-color: #330000 ;
	border: 1px solid #FF0000 ;
	padding: 5px ; 
	width: 714px ;
	text-align: left ;
}

#siteoffline {
	font: bold 12px Verdana ;
	color: #FFA500 ;
	padding: 5px ;
	background: #072444 ;
	border: 1px solid #FFFFFF ;
	position: absolute ;
	top: 10px ;
	right: 10px ;
	z-index: 3 ;
}

#newsajx {
	height: 320px ;
}

#espacenews {
	padding-left: 380px ;
}

#loadnews {
	border: 1px solid #FFFFFF ;
	padding: 6px ;
	visibility: hidden ;
	width: 200px ;
	text-align: center ;
	background: #072444 ;
	position: absolute ;
	left: 40% ;
}

.imgnews {
	border: 2px solid #CA4200 ;
	vertical-align: middle ;
	margin-left: 40px ;
}

.titrenews {
	font: 13px Verdana ;
	color: #3F648D ;
	margin-left: 40px ;
}

.textnews {
	padding-left: 10px ;
	padding-right: 40px ;
	text-align: justify ;
	vertical-align: top ;
}

.newsreaction {
	padding-left: 270px ;
}

.uploadfanfic {
	margin-left: 360px ;
	border: 0px ;
	width: 300px ;
	height: 235px ;
}

.octetlimit {
	font: bold 12px Verdana ;
	color: #FFA500 ;
}

.imgdefcadre {
	border: 2px solid #CA4200 ;
	vertical-align: middle ;
}

.multimedia {
	border: 2px solid #CA4200 ;
	vertical-align: middle ;
	margin: 4px ;
}

.multi {
	font: bold 12px Verdana ;
	background: url(images/icon2.gif) no-repeat 0% 50% ;
	padding-left: 15px ;
	text-align: left ;
	margin-left: 6px ;
}

.thumbs {
	border: 2px solid #CA4200 ;
	vertical-align: middle ;
	height: 80px ;
	width: 150px ;
	margin: 4px ;
}

.fanfic {
	margin-left: 360px ;
	text-align: left ;
}

.persotable {
	text-align: center ;
}

.persocadre {
	border: 2px solid #CA4200 ;
	vertical-align: middle ;
	margin-left: 40px ;
}

#comptecaractie {
	position: absolute ;
	left: 460px ;
	bottom: 208px ;
}

#comptecaractff {
	position: absolute ;
	left: 460px ;
	bottom: 202px ;
}

#sondagesg13 {
	text-align: left ;
	margin-left: 60px ;
}

.resultvote {
	font: 12px Verdana ;
	color: #FFA500 ;
}

.selection {
	cursor: pointer ;
}

.progresstodo {
	height: 12px ;
	width: 100px ;
	margin-right: 6px ;
	border: 1px solid #7E7E7E ;
	background: url(images/progressnonactive.png) repeat ;
}

.webtv {
	width: 320px ;
	height: 240px ;
	border: 2px solid #FFFFFF ;
}

.tableaccueil {
	border-spacing: 0px ;
	border-collapse: collapse ;
	margin-left: auto ;
	margin-right: auto ;
	text-align: center ;
}

.colonnetitre {
	font: bold 13px Verdana ;
	color: #FFFFFF ;
	height: 40px ;
	width: 380px ;
	padding-left: 4px ;
	text-align: left ;
	border-top: 1px solid #FFFFFF ;
	border-left: 1px solid #FFFFFF ;
	border-right: 1px solid #FFFFFF ;
	background: url(skinsg13/skintable.png) no-repeat ;
}

.colonnespace {
	width: 20px ;
}

.colonnecontenu {
	font: 12px Verdana ;
	color: #FFFFFF ;
	height: 200px ;
	width: 380px ;
	padding: 6px ;
	text-align: justify ;
	vertical-align: top ;
	border-bottom: 1px solid #FFFFFF ;
	border-left: 1px solid #FFFFFF ;
	border-right: 1px solid #FFFFFF ;
}

.colonnecontenubis {
	font: 12px Verdana ;
	color: #FFFFFF ;
	height: 140px ;
	width: 380px ;
	padding: 6px ;
	text-align: justify ;
	vertical-align: top ;
	border-bottom: 1px solid #FFFFFF ;
	border-left: 1px solid #FFFFFF ;
	border-right: 1px solid #FFFFFF ;
}

.colonneform {
	padding-right: 8px ;
}

#controlpanel {
	font: 12px Verdana ;
	color: #FFFFFF ;
	text-align: left ;
	border: 1px solid #FFFFFF ;
	padding: 4px ;
	width: 800px ;
}



/* Shoutbox du site */

#shoutbox {
	overflow: auto ;
	border: 1px solid #FFFFFF ;
	text-align: left ;
	height: 270px ;
	width: 480px ;
	padding: 6px ;
}

#tchatbox {
	visibility: hidden ;
	margin-top: 10px ;
	margin-left: 203px ;
}

.arafraichir {
	text-align: left ;
}

.pseudochat {
	font: bold 12px verdana ;
	color: #FFA500 ;
}

.spacebutton {
	margin-left: 12px ;
}

.spacebuttonbis {
	margin-left: 38px ;
}

#activity {
	background: url(../tchat/space1.gif) no-repeat 50% 50% ;
	border: 0px ;
	cursor: help ;
	width: 20px ;
}

#smileys {
	width: 280px ;
	height: 26px ;
	visibility: hidden ;
	display: none ;
}



/* Images pour coté gauche des div à droite  */

#imgcontact {
	background: url(images/contactnext.jpg) no-repeat ;
	position: absolute ;
	width: 300px ;
	height: 171px ;
	bottom: 230px ;
	left: 100px ;
}

#imglivreor {
	background: url(images/livreornext.jpg) no-repeat ;
	position: absolute ;
	width: 300px ;
	height: 171px ;
	bottom: 230px ;
	left: 100px ;
}

#imgpartenaireie {
	background: url(images/partenairenext.jpg) no-repeat ;
	position: absolute ;
	width: 230px ;
	height: 140px ;
	bottom: 185px ;
	left: 100px ;
}

#imgpartenaireff {
	background: url(images/partenairenext.jpg) no-repeat ;
	position: absolute ;
	width: 230px ;
	height: 140px ;
	bottom: 165px ;
	left: 100px ;
}

#imgfanficie {
	background: url(images/fanficnext.jpg) no-repeat ;
	position: absolute ;
	width: 237px ;
	height: 220px ;
	top: 460px ;
	left: 90px ;
}

#imgfanficff {
	background: url(images/fanficnext.jpg) no-repeat ;
	position: absolute ;
	width: 237px ;
	height: 220px ;
	top: 445px ;
	left: 90px ;
}

#imgfanartie {
	background: url(images/fanartnext.jpg) no-repeat ;
	position: absolute ;
	width: 220px ;
	height: 111px ;
	bottom: 185px ;
	left: 100px ;
}

#imgfanartff {
	background: url(images/fanartnext.jpg) no-repeat ;
	position: absolute ;
	width: 220px ;
	height: 111px ;
	bottom: 160px ;
	left: 100px ;
}

#imgfanficup {
	background: url(images/fanficupnext.jpg) no-repeat ;
	position: absolute ;
	width: 200px ;
	height: 111px ;
	bottom: 240px ;
	left: 90px ;
}



/* Saisons et épisodes des séries */

#votesaisonie {
	position: absolute ;
	top: 496px ;
	right: 80px ;
}

#votesaisonff {
	position: absolute ;
	top: 500px ;
	right: 80px ;
}

#toutsaisons {
	font: bold 12px verdana ;
}

a .imgsais
{
	border: 1px solid #CA4200 ;
	height: 40px ;
}

a:hover .imgsais
{
	border: 1px solid #FFFFFF ;
	height: 40px ;
}

.titrezod {
	font: bold 12px verdana ;
	color: #11559F ;
}

.imgzodsaison {
	float: left ;
	position: relative ;
	margin-left: 40px ;
	margin-top: 10px ;
	margin-right: 10px ;
	margin-bottom: 10px ;
	height: 70px ;
	border: 2px solid #CA4200 ;
	vertical-align: middle ;
}