
/* Mon style affichage série */

*	{
	font-family: "century gothic", AppleGothic, verdana, arial, helvetica, sans-serif;
	background-color: #FFFFFF;
	color:#666666;
	font-size: 76%;
}

body 	{
     	margin: 0; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
}
#global	{
	position: relative; /* on positionne le conteneur */
     	margin-left: auto;  /* pour le centrer */
     	margin-right: auto;
	margin-top:0px;
     	width: 900px;
     	text-align: left; /* on rétablit l'alignement normal du texte */
}

/* ENTREE DU SITE  336633 */
#titresite	{
	position: absolute;
	top:25px;
	left:0px;
	width:100%;
	text-align:center;
}
#titresite img	{
	border:0px;
}

#phgarde	{
	position: absolute;
	top:80px;
	left:0px;
	width:100%;
	text-align:center;
}
#phgarde img	{
	border:0;
}

#citation	{
	position: absolute;
	top:490px;
	left:0px;
	width:100%;
	text-align:center;
	font-size: 1.5em;
	font-style:italic;
	line-height:16px;
}
#citation img	{
	border:0px;
}
#thb	{
	position: absolute;
	top:500px;
	left:630px;
	width:150px;
	text-align:center;
	font-size: 1.2em;
	color:#4C6B39;
}

#traititre	{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:5px;
	text-align:center;
	background-color: #89913B;
	color:#FFFFFF;
	z-index:1; 
}

#titre {
	position: absolute;
	top:15px;
	left:0px;
	width:450px;
	text-align:left;
	z-index:2; 
}
#titre img	{
	border:0px;
}

/* CHOIX DES SERIES */

#globalnew	{
	position: relative; /* on positionne le conteneur */
     	margin-left: auto;  /* pour le centrer */
     	margin-right: auto;
	margin-top:0px;
     	width: 800px;
     	text-align: left; /* on rétablit l'alignement normal du texte */
}
#aidenews	{
	position: absolute;
	top:520px;
	left:0px;
	width:100%;
	text-align:center;
	font-size: 1.7em;
	color:#4C6B39;
}
#thbseries	{
	position: absolute;
	top:80px;
	left:200px;
	width:100%;
	text-align:left;
}
#thbseries img	{
	border:1px solid #BBBBBB;
}
#liens	{
	position: absolute;
	top:500px;
	left:0px;
	width:100%;
	text-align:center;
	font-size: 1.7em;
	color:#333333;
	line-height:150%;
}


#thumb1  {
	position: absolute;
	top:65px;
	left:60px;
	width:150px;
	text-align:left;
}
#thumb1 img  {
	border:1px solid #BBBBBB;
	padding:1px;
}
#thumb2  {
	position: absolute;
	top: 65px;
	left:420px;
	width:150px;
	text-align:left;
}
#thumb2 img  {
	border:1px solid #BBBBBB;
	padding:1px;
}
#thumb3  {
	position: absolute;
	top: 420px;
	left:160px;
	width:250px;
	text-align:right;
}
#thumb3 img  {
	border:1px solid #BBBBBB;
	padding:1px;
}
#thumb4  {
	position: absolute;
	top: 270px;
	left:595px;
	width:150px;
	text-align:right;
}
#thumb4 img  {
	border:1px solid #BBBBBB;
	padding:1px;
}


#serie1  {
	position: absolute;
	top:130px;
	left:110px;
	width:290px;
	text-align:left;
	font-size: 2em;
	color:#333333;
	line-height:150%;
	z-index:1; 
}
#serie2  {
	position: absolute;
	top:115px;
	left:490px;
	width:320px;
	text-align:left;
	font-size: 2em;
	color:#333333;
	line-height:150%;
	z-index:3; 
}
#serie3  {
	position: absolute;
	top:285px;
	left:95px;
	width:270px;
	text-align:right;
	font-size: 2em;
	color:#333333;
	line-height:150%;
	z-index:1; 
}
#serie4  {
	position: absolute;
	top:340px;
	left:420px;
	width:250px;
	text-align:right;
	font-size: 2em;
	color:#333333;
	line-height:150%;
	z-index:3; 
}

.maj	{
	background-color: #D6F3C9;
	font-size:1em;
	color:#333333;
}

a {
	background-color: transparent;
	color:#333333;
	text-decoration:none;
	font-size: 1.0em;
	}
a:hover {
	background-color: #FFFFFF;
	color:#006600;
	text-decoration:none;
	font-size: 1.0em;
	}

a:visited {
  color: #666666;
	background-color: transparent;
  text-decoration: none;
	font-size: 1.0em;
}




/* Séries */
#titreserie {
	position: absolute;
	top:10px;
	left:490px;
	width:310px;
	text-align:right;
	z-index:2; 
}
#titreserie img	{
	border:0px;
}
#retour {
	position: absolute;
	top:10px;
	left:0px;
	width:30px;
	text-align:left;
	z-index:1; 
}
#retour img	{
	border:0px;
}
#placespgm	{
	position: absolute;
	top:8px;
	left:0px;
}

#aideserie	{
	position: absolute;
	top:555px;
	left:0px;
	width:100%;
	text-align:center;
	font-size: 1.5em;
	color:#333333;
}

/* Présentation Détails */
#trait	{
	position: absolute;
	top:570px;
	left:0px;
	width:100%;
	height:2px;
	background-color: #bbbbbb;
	color:#FFFFFF;
	z-index:1; 
}
#trait2	{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:5px;
	color:#FFFFFF;
	z-index:1; 
}

/* 	background-color: #D6F3C9;*/


#signe	{
	position: absolute;
	top:575px;
	left:0px;
	left:0px;
	width:100%;
	text-align:center;
	font-size: 1.5em;
	color:#4C6B39;
}


/* la css de base de SPGM */





IMG { vertical-align: middle; }
IMG.img-picture { border: 1px solid #666666; }
IMG.img-folder { display:none;
border: 0px;
  background-color: #ffffff;
 vertical-align: top;
 }
IMG.img-galicon { border: 1px solid #999999; }
IMG.img-thumbnail { border: 1px solid #666666; }
IMG.img-thumbnail-selected { border: 1px solid #8ca0bf; }
IMG.img-picture-prev { border: 0px; }
IMG.img-picture-next { border: 0px; }
IMG.img-thmbnavi-prev { border: 0px; }
IMG.img-thmbnavi-next { border: 0px; }
IMG.img-new { border: 0px; }


TABLE.table-wrapper {
  background-color: #ffffff;
  width: 900px;
  padding: 0px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}




TD.td-thumbnails-thumb {
  padding: 5px;
  font-family:  arial, verdana, helvetica, sans-serif;
  color:        #555555;
  font-size:    8pt;
  background-color: transparent;
  white-space: nowrap;
  vertical-align: bottom;
  text-align: center;
  background-color: #dddddd;
}

TD.td-thumbnails-thumb-selected {
  padding: 5px;
  font-family:  arial, verdana, helvetica, sans-serif;
  color:        #333333;
  font-size:    8pt;
  font-weight:  bold;
  background-color: transparent;
  white-space: nowrap;
  vertical-align: bottom;
  text-align: center;
}

DIV.div-thumbnails-caption {
  font-family:  arial, verdana, helvetica, sans-serif;
  color:        #000000;
  font-size:    8pt;
  font-weight:  normal;
  background-color: transparent;
}



TABLE.table-main-title {}

TD.td-main-title {
	display:none;
  font-family:  arial, verdana, helvetica, sans-serif;
  color:   #000000;
  font-size:    12pt;
  font-weight:  bold;
  background-color: transparent;
}

TD.td-main-title-spgm-link {
	display:none;
 }

A.a-spgm-link {
  color: #b7cce0;
  font-size:8pt;
  font-family: arial, verdana, helvetica, sans-serif;
  background-color: transparent;
}





TABLE.table-gallisting-grid {
}

TD.td-gallisting-cell {
}


/* tableau de la liste des séries */

TABLE.table-galitem {
  width: 100%;
}

TD.td-galitem-icon {
display:none;
 padding-right: 10px;
 vertical-align: middle;
}

TD.td-galitem-title {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    11pt;
  width:        100%;
  text-align: left;
  color: #006600;
}
A:visited.td-galitem-title {
	background-color: #D6F3C9;
}

TD.td-galitem-caption {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    8pt;
  text-align: left;
}


/* tableau des photos */

TABLE.table-picture {
  width: 100%;
  text-align: center;
padding-top:20px;
}

TD.td-picture-navi {
display:none;
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    10pt;
  font-weight:  bold;
  color:        #000000;
  text-align: center;
  background-color: transparent;
}

TD.td-zoom-factors {
  padding: 3pt;
  text-align: center;
}

INPUT.button-zoom-factors {
  border: 1px solid #777777; 
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    9pt;
  font-weight: bold;
  color:        #777777;
  background-color: #dddddd;
  text-align: center;
}

TD.td-picture-pic { 
}

TD.td-picture-filename {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    8pt;
  font-weight: bold;
  text-align: center;
  background-color: #ececec;
  padding:7px;
  background-color: transparent;
}

TD.td-picture-caption {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    8pt;
  text-align: center;
  background-color: #ececec;
  padding:7px;
  background-color: transparent;
}




TABLE.table-thumbnails {
  margin-left: auto;
  margin-right: auto;
padding-left:30px;
}

TD.td-thumbnails-navi {
display:none; 
 color: #000000;
  border-top: 2px solid #444444;
  font-family:	verdana, helvetica, arial, sans-serif;
  font-size:	10pt;
  font-weight:	bold;
  text-align: right;
  padding: 0px;
}

SPAN.span-filters {
  font-size:    8pt;
  font-weight: normal;
}

/* titre de la série lors de son visionage */
DIV.div-galheader {
  font-family: "century gothic", AppleGothic, arial, verdana, helvetica, sans-serif;
  font-size:    11pt;
  color: #006600;
  margin-bottom: 15px;
  padding: 1px;
  width: 100%;
  text-align: left;
padding-left:35px;
}

DIV.div-galheader a {
  font-weight:	lighter;
font-style:italic;
  color: #999999;
}
DIV.div-galheader a:hover {
	background-color: #D6F3C9;
  font-weight:	lighter;
font-style:italic;
  color: #999999;
}

