/* --- GÉNÉRAL --- */
html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
	background-image: url(../images/fonds/sml_fond_principal.gif);
}

/* --- BLOC CONTENEUR GLOBAL --- */
div#page
{
	position: relative;
	/* permet au bloc de servir de référent pour ses descendants positionnés en absolu */
	/*width: 60%;*/ /* Taille de la page*/
	/*width: 1020px;*/ /* Taille de la page*/
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
}
/* Ne pas oublier les styles suivants, à appliquer au premier élément
   et au dernier élément (hors pied de page) du bloc conteneur */
div#page #premier-element
{
	margin-top: 0; /* évite tout risque de fusion des marges */
}
div#page #dernier-element
{
	margin-bottom: 0; /* évite tout risque de fusion des marges */
	padding-bottom: 7em;
	/* ATTENTION : cet espace doit permettre de placer le pied de page ! */
}

/* --- PIED DE PAGE --- */
div#piedpage
{
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	/* pour que le bloc prenne toute la largeur du bloc de référence
	   Note : le bloc de référence est le plus proche ancêtre positionné
	   en relatif ou en absolu */
	height: 6em; /* Taille du pied de page */
}
/* --- un peu de cosmétique --- */
/*html {font-size: 100%;}*/
/*body {font-size: .9em;}*/
img
{
	border: none;
}

div#dernier-element { visibility: hidden;}

table.TableMiseEnForme
{
	border: none;
	padding: 0px;
	width: 100%;
}
td.TdTopImgMail
{
	text-align: center;
}
td.TdBanniere
{
	text-align: center;
}
td.TdDateHeure
{
	text-align: center;
	font-weight: bold;
	font-size: small;
}
td.TdMenusGauche
{
	vertical-align: top;
	width: 200px;
}
td.TdSeparation
{
	width: 5px;
}
td.TdContenuPage
{
	vertical-align: top;
}
h1
{
	text-align: center;
	font-family: "Monotype Corsiva", Arial, Helvetica, "MS Sans Serif";
	color: #660000;
}
h2
{
	text-align: center;
}
h3
{
	text-align: center;
}
h4
{
	text-align: center;
}
div.DivCentrer
{
	text-align: center;
}
td.TdPubDroite
{
	width: 160px;
	vertical-align: top;
	text-align: center;
}
td.TdPubBas
{
	vertical-align: top;
	text-align: center;
}
span.SpanInfoPub
{
	font-weight: bold;
	font-size: small;
	text-align: center;
}
div.DivInfoPubBas
{
	font-weight: bold;
	font-size: small;
	text-align: center;
	width: 730px;
}
table.TablePiedPage
{
	border: none;
	padding: 0px;
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0px;
}
td.TdNbVisiteursConnectes
{
	width: 200px;
	text-align: center;
	font-weight: bold;
	font-size: small;
	background-color: #660000;
	border: 0px solid #660000;
	border-color: #660000;
	color: #FFCC00;
}
td.TdCopyright
{
	font-size: smaller;
	text-align: center;
	color: #000177;
	vertical-align: top;
}
td.TdNbVisitesTotales
{
	width: 200px;
	text-align: center;
	font-size: small;
}
span.SpanNbVisiteursTotal
{
	font-weight: bold;
}
/* Css pour la mise en forme du tableau des cadres */
table.TableCadre
{
	border: thin none;
	padding: 0px;
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0px;
}
td.TdCadreBarreHautBas
{
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none none none none;
}
td.TdContenuCadre
{
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}
/* Fin du Css pour la mise en forme du tableau des cadres */
span.SpanFirstLetter
{
	font-weight: bold;
	font-size: 1.2em;
	color: #660000;
	background: #F8F6D2;
}
input.InputConnexion
{
	background-color: #F8F6D2;
	font-weight: bold;
	padding: 1px;
}
input.InputButton
{
	cursor: pointer;
	background-color: #660000;
	color: #FFCC00;
	font-size: 11px;
	font-weight: bold;
	border:1px #000000 solid;
	padding:1px;
	margin-bottom: 5px;
}

td.TdCentrer
{
	text-align: center;
}

a         {font-family: "Times New Roman", Times, serif; font-weight: bold;}
a:link    {COLOR: #003296; }
a:visited {COLOR: #660000; text-decoration: none;}
a:hover   {COLOR: #000000; text-decoration: none; font-weight: bold;}
a:active  {COLOR: #660000; text-decoration: none; background-color:#FFCC00;}

/* Css pour le menu de gauche */
/* Css pour le menu de connexion */ 
table.TableFormConnexion
{
	border: none;
	padding: 0px;
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0px;
}
td.TdConnexion
{
	padding-bottom: 4px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	letter-spacing:.1em;
	text-align: center;
}
span.SpanConnectionOk
{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

/* Fin du css pour le menu de connexion */ 
/* Css pour le sommaire */
table.TableSommaire
{
/*	border: none;*/
	padding: 0px;
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0px;
}
td.TdPuceSommaire
{
	background-color: #660000;
	text-align: center;
	vertical-align: middle;
	width: 20px;
	border: none;
	padding: 0px;
	border-collapse:collapse;
	border-spacing: 0px;
}
td.TdLienSommaire
{
	height: 0px;
	border: none;
	padding: 0px;
	border-collapse:collapse;
	border-spacing: 0px;
}

a.ALienSommaire         {font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 9pt; display:block; /* Nécessaire pour la first letter */}
a.ALienSommaire:link    {COLOR: #000000; text-decoration: none; display:block; /* Nécessaire pour la first letter */}
a.ALienSommaire:visited {COLOR: #660000; text-decoration: none; display:block; /* Nécessaire pour la first letter */}
a.ALienSommaire:hover   {COLOR: #003296; text-decoration: none; font-weight: bold; display:block; /* Nécessaire pour la first letter */}
a.ALienSommaire:active  {COLOR: #660000; text-decoration: none; background-color:#FFCC00; display:block; /* Nécessaire pour la first letter */}

a.ALienSommaire:first-letter
{
	font-family: "Monotype Corsiva", Arial, Helvetica, "MS Sans Serif";
	font-weight: bold;
	font-size: x-large;
	color: #660000;
	display:block; /* Nécessaire pour la first letter */
}

td.TdDrapeauSommaire
{
	font: 11px "Times New Roman", Times, serif;
	text-align: center;
}
span.SpanInfos
{
	color: Red;
	font-weight: bold;
	font-size: small;
}

/* Fin du css pour le sommaire */

/* Css pour la gestion des pages */
td.TdTitreSommaireAdmin
{
	background-color: #660000;
	color: #FFCC00;
	font: 10px bold Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

td.TdChampSommaireAdmin
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
/* Fin du css pour la gestion des pages */

/* Css pour la page du profil*/
input.InputProfil
{
	background-color: #F8F6D2;
	padding: 1px;
}

td.TdProfil1
{
	background-color: #F8F6D2;
}
td.TdProfil2
{
	background-color: #FFDB97;
}
/* Fin du css pour la page du profil*/

/* Css pour la page des news*/
table.TableNews /* utilisée aussi pour le livre d'or*/
{
	width: 95%;
	padding: 0px;
	border-collapse:collapse;
	border-spacing: 0px;
	margin: auto;
	border: 1px solid #660000;
}

td.TdTitreAuteurNews
{
	background-color: #660000;
	color: #FFCC00;
	font-weight: bold;
	text-align: left;
	text-indent: 20px;
	width: 15%;
}
td.TdTitreDateHeureNews
{
  background: #660000;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  text-indent: 20px;
  font-family: Verdana, Arial, sans-serif;
}
td.TdOptionsAdminNews
{
  background: #660000;
  color: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: right;
  text-indent: 20px;

}
td.TdTexteNewsLeft
{
  text-align: left;
  border: 1px solid #660000;
  border-color: #660000;
  border-style: solid solid solid solid;
  padding: 4px 4px 4px 4px;
  font-size: 14px;
}
td.TdSiteNewsLeft
{
  text-align: left;
  border: 1px solid #660000;
  border-color: #660000;
  border-style: none solid solid solid;
  padding: 4px 4px 4px 4px;
  font-size: 14px;
}

td.TdTexteNewsRight
{
  text-align: right;
  border: 1px solid #660000;
  border-color: #660000;
  border-style: solid solid solid none;
  padding: 4px 4px 4px 4px;
  font-size: 14px;
}

td.TdPaysNewsRight
{
  text-align: right;
  border: 1px solid #660000;
  border-color: #660000;
  border-style: none solid solid none;
  padding: 4px 4px 4px 4px;
  font-size: 14px;
}

td.TdInputNews
{
  text-align: center;
  border: 1px solid #660000;
  border-color: #660000;
  border-style: none solid solid solid;
  padding: 4px 4px 4px 4px;
  font-size: 14px;
}


a.ALienAlbum         {font-family: "Times New Roman", Times, serif; font-weight: bold;}
a.ALienAlbum:link    {COLOR: #FFCC00; }
a.ALienAlbum:visited {COLOR: #FFCC00; text-decoration: none;}
a.ALienAlbum:hover   {COLOR: #FFFFFF; text-decoration: none; font-weight: bold;}
a.ALienAlbum:active  {COLOR: #660000; text-decoration: none; background-color:#FFCC00;}

a.NewsOrange         {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 10pt;}
a.NewsOrange:link    {COLOR: #FFCC00; background: #660000; }
a.NewsOrange:visited {COLOR: #000177; TEXT-DECORATION: none; background: #660000;}
a.NewsOrange:hover   {COLOR: #FFCC00; TEXT-DECORATION: none; FONT-WEIGHT: bold; background: #660000;}
a.NewsOrange:active  {COLOR: #000177; TEXT-DECORATION: none; background-color:#FFCC00;}

td.TitreMenuNews
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: smaller;
  color: #FFCC00;
  background-color: #660000;
  border: 0;
  text-align: left;
}
td.TdOptionsNewsCenter
{
  text-align: center;
  border: 1px solid #660000;
  border-color: #660000;
  border-style: none solid solid solid;
  padding: 4px 4px 4px 4px;
  font-size: 14px;
  vertical-align: top;
}
span.SpanTailleTexteNews
{
	font-size: smaller;
}

table.TableQuote
{
	position: relative;
	left: 10px;
	width: 98%;
}

td.TdQuote
{
	background-color: #FAFAFA;
	border: 1px solid #797D80;
	font-size: 12px;
	
	padding-left: 5px;
	padding-right: 5px;
}

td.TdQuoteTitle
{
	font-size: 13px;
	font-weight: bold;
}
span.SpanInfoCode
{
	color: #003296;
	font-size: small;
}
input.InputButtonOptionsNews
{
	color : #000000;
	border: 1px solid #000000;
	background-color : #FAFAFA;
	font: medium "Arial Verdana sans-serif";
}
/* Fin du css pour la page des news*/
p.PFirstLetter:first-letter
{
	font-weight: bold;
	font-size: 1.2em;
	color: #660000;
	background: #F8F6D2;
}


td.TdChampInscription
{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;

}
td.TdChampInscription:first-letter
{
  font-weight: bold;
  font-size: 1.2em;
  color: #660000;
  background: #F8F6D2;
  padding-left: 4px;
}
td.TdItem
{
	padding-left: 2px;
	text-align: center;
}

/* Livre d'or*/
td.TdTitreGuestbookCenter
{
	background-color: #660000;
	text-align: center;
	color: White;
	font-weight: bold;
}
td.TdTitreGuestbookLeft
{
	background-color: #660000;
	text-align: Left;
	color: White;
	font-weight: bold;
}
td.TdOptionsGuestbookRight
{
  text-align: center;
  border: 1px solid #660000;
  border-color: #660000;
  border-style: solid solid solid none;
  padding: 4px 4px 4px 4px;
  font-size: 14px;
  vertical-align: top;
}
td.TdOptionsGuestbookLeft
{
  text-align: center;
  border: 1px solid #660000;
  border-color: #660000;
  border-style: none solid solid solid;
  padding: 4px 4px 4px 4px;
  font-size: 14px;
  vertical-align: top;
}
td.TdInputGuestbookRight
{
  text-align: center;
  border: 1px solid #660000;
  border-color: #660000;
  border-style: none solid solid none; /* haut - droite- bas - gauche*/
  padding: 4px 4px 4px 4px;
  font-size: 14px;
  vertical-align: top;
}
tr.TrInformation
{
	font-size: small;
	line-height: 17px;
	background-color: #FFDEAD;
	border-style: none none none none; /* haut - droite- bas - gauche*/
}
div.DivInfoImage
{
	font-size: small;

}
tr.TrPellicule
{
	background-image: url(../images/albums_photos/pellicule_photo.gif);
	background-repeat: repeat-x;
	height: 270px	
}
td.TdCentrerPellicule
{
	color: White;
	text-align: center;
}

td.TdTitreCentrerAlbums
{
	text-align: center;
	color:#FFCC00;
	background-color: #660000;
	font-weight: bold;
}
td.TdAlbum
{
	font-size: small;
}
td.TdSaveBddLeft
{
  text-align: center;
  border: 1px solid #660000;
  border-style: none solid solid solid; /* haut - droite- bas - gauche*/
  padding: 1px 1px 1px 1px;
}
td.TdSaveBddCenter
{
  text-align: left;
  border: 1px solid #660000;
  border-style: none none solid none; /* haut - droite- bas - gauche*/
  padding: 4px 4px 4px 4px;
}
td.TdSaveBddRight
{
  text-align: center;
  border: 1px solid #660000;
  border-style: none solid solid solid; /* haut - droite- bas - gauche*/
  padding: 2px 2px 2px 2px;
}
td.TdTitreAlbum
{
	text-align: center;
	color:#FFCC00;
	background-color: #660000;
	font-weight: bold;
	border: 1px solid #660000;
	border-style: solid solid solid solid; /* haut - droite- bas - gauche*/
	padding: 4px 4px 4px 4px;
}
td.TdPhotoLeft
{
  border: 1px solid #660000;
  border-style: none solid solid solid; /* haut - droite- bas - gauche*/
  padding: 4px 4px 4px 4px;
}
td.TdPhotoRight
{
  border: 1px solid #660000;
  border-style: none solid solid none; /* haut - droite- bas - gauche*/
  padding: 4px 4px 4px 4px;
}
td.TdPhotoCenter
{
  border: 1px solid #660000;
  border-style: solid solid solid solid; /* haut - droite- bas - gauche*/
  padding: 4px 4px 4px 4px;
}

p.PChampsSubmit { margin : 1em 0; }

#FormInformation button
{
	height : 96px;
	width : 96px;
	border : 0;
	background: url(../images/gifs/commentaires.gif) left top no-repeat;
	cursor: pointer;
}

#FormInformation button span
{
	display : none;
}

table.TableAjoutLivreOr
{
	margin: auto;
	width: 95%;
}
table.TableSmileys
{
	margin: auto;
	width: 80%;
}

span.SpanInfosSmall
{
	font-size: small;
}
span.SpanInfosSmallBold
{
	font-weight: bold;
	font-size: small;
}
p.PCentrer
{
	text-align: center;
}
span.SpanBabylas
{
	color: Navy;
	font-weight: bold;
	font-style: italic;
}
span.SpanDiable
{
	color: Purple;
	font-weight: bold;
	font-style: italic;
}
table.TableAssembleeGenerale
{
	margin: auto;
	width: 50%;
	text-align: center;
}
table.TableCentrer
{
	text-align: center;
	margin: auto;
}

a.ALienSite         {color: #FFFFFF; font-weight: bold; font-size: 9pt;}
a.ALienSite:link    {color: #FFFFFF; text-decoration: none;}
a.ALienSite:visited {color: #FFFFFF; text-decoration: none;}
a.ALienSite:hover   {color: #FFCC00; text-decoration: none; font-weight: bold;}
a.ALienSite:active  {color: #660000; text-decoration: none; background-color:#FFCC00;}



form.FormAdminAjoutPageCreation fieldset
{
  padding: 1em;
}

form.FormAdminAjoutPageCreation label
{
  display: inline;
  float: left;
  width: 150px;
  font-weight: bold;
  font-size: small;
}