/* Définiftion du style général de la page */
body{
  /* background pour les frame */
  background-color: #FFC462;
  
  /* Polices texte standard */
  font-family: arial; 
  color: #663333; 
  letter-spacing: 0px; 
  font-weight: normal; 
  font-size: 14px;
}

/* Gestion des polices pour éléments spéciaux*/
.MainTitle{
  font-family: arial; 
  color: #663333; 
  letter-spacing: 0px; 
  font-weight: bold; 
  font-size: 16px;
}
.MainLink{
  font-family: arial; 
  letter-spacing: 0px; 
  font-weight: bold; 
  font-size: 16px;
}
.SubTitle{
  font-family: arial; 
  color: #663333; 
  letter-spacing: 0px; 
  font-weight: bold; 
  font-size: 14px;
}
.separator{
  font-family: arial; 
  color: #663333; 
  letter-spacing: 0px;
  font-size: 16px;
  text-align: center;
}

/* Défini la texture de fond pour le cadre extérieur seulement */
.theBody {
  background-image:url(layouts/DBstyle/BGtexture.gif);
}

/* div shinystat caché */
.shinystat{
  /*display:none;
  height:0px;*/
}

/* Style des liens */
A:link {color: #278900; font-size: 13px; text-decoration: none; font-weight: bold; font-family: arial;	}
A:visited {color: #444444; font-size: 13px; text-decoration: none; font-weight: bold; font-family: arial;}
A:active {color: #50A401; font-size: 13px; text-decoration: none; font-weight: bold;  font-family: arial;}
A:hover {color: #5AAD43; font-size: 13px; cursor: hand; font-weight: bold; font-family: arial;}


/* la iframe contenant les infos */
.ifData{
  width: 740px;
  height: 516px;
  border: 2px solid #BF7C36;
}

/* le corps de l'iframe (spécifie une marge autou du texte) */
.framebody{
  padding-left: 5px;
  padding-right: 5px;
}

/* Définition du tableau définissant l'architecture de la page */
.dPage{ /* div englobant et centrant l'ensemble du contenu */
  text-align: center;
}

.dTop { /* div contenant la bannière titre 70*/
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
  height: 170px;
  text-align: left;
}
.dBannerR { /* div contenant la bannière titre droite */
  float: right;
  width: 990px;
  height: 170px;
  /*background-color: #ffff00; */
  background-image:url(layouts/DBstyle/BanTop.jpg);
}
.dBannerRak { /* div contenant la bannière titre droite Art Keepers */
  float: right;
  width: 990px;
  height: 170px;
  /*background-color: #ffff00; */
  background-image:url(layouts/DBstyle/BanTopak.jpg);
  display:none;
}
.dBannerTL { /* div situé au coin des deux bannières */
  width: 210px;
  height: 100px;
  /*background-color: #00ff00;*/
}
.dBannerTLin { /* div situé dans le dBannerTL */
  width: 160px;
  height: 70px;
  border: 2px solid #BF7C36;
  background-color: #FFC462;
  position: relative;
  top: 12px;
  left: 25px;
  /*background-color: #00ff00;*/
}

.dBannerBL { /* div contenant le haut de la bannière latérale gauche */
  width: 210px;
  height: 70px;
  /*background-color: #ff0000;*/
  background-image:url(layouts/DBstyle/BanLeftT.jpg);
}
.dBannerBLak { /* div contenant le haut de la bannière latérale gauche Art Keepers */
  width: 210px;
  height: 70px;
  /*background-color: #ff0000;*/
  background-image:url(layouts/DBstyle/BanLeftTak.jpg);
  display:none;
}

.dBottom{ /* div contenant les données de la page et la bannière latérale*/
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
  height: 630px;
  text-align: left;
}
.dBannerL { /* div contenant la bannière latérale gauche */
  float: left;
  width: 400px;
  height: 630px;
  /*background-color: #ff00ff;*/
  background-image:url(layouts/DBstyle/BanLeftB.jpg);
}
.dBannerLak { /* div contenant la bannière latérale gauche Art Keepers */
  float: left;
  width: 400px;
  height: 630px;
  /*background-color: #ff00ff;*/
  background-image:url(layouts/DBstyle/BanLeftBak.jpg);
  display:none;
}
.dContent { /* div contenant les données de la page */
  float: right;
  width: 800px;
  height: 630px;
}

.dFlags{ /* div contenant les flags de choix de la langue */
  text-align:center;
}
.dStyle{ /* div contenant le nom du style utilisé */
  text-align:center;
  margin-top: 5px;
  margin-bottom: 5px;
}

.dCL { /* div marquant la bordure gauche */
  float: left;
  width: 25px;
  height: 630px;
  /*background-color: #000000;*/
}
.dCR { /* div marquant la bordure droite */
  float: right;
  width: 30px;
  height: 630px;
  /*background-color: #ffffff;*/
}
.dTools { /* div contenant la barre d'outils */
  float: left;
  width: 744px;
  height: 50px;
  /*background-color: #0000ff;*/
}
.dSubtools { /* div placée sous les outils pour marquer un espace */
  float: left;
  width: 744px;
  height: 40px;
  /*background-color: #8888ff;*/
}
.dData { /* div contenant les données de la page */
  float: left;
  width: 740px;
  height: 516px;
}
.dUnder { /* div placé en bas de la page */
  float: left;
  width: 744px;
  height: 20px;
  /*background-color: #00ffff;*/
}

/* Contenu de la barre d'outils */
.dThome { /* div contenant le menu Home */
  float: left;
  width: 186px;
  height: 50px;
  /*background-color: #0000ff;*/
  background-image:url(layouts/DBstyle/accueilN.jpg);
}
.dThomeM { /* div contenant le menu Home pour OnMouseOver */
  float: left;
  width: 186px;
  height: 50px;
  background-image:url(layouts/DBstyle/accueilM.jpg);
  display:none;
}
.dThomeA { /* div contenant le menu Home quand sélectionné */
  float: left;
  width: 186px;
  height: 50px;
  background-image:url(layouts/DBstyle/accueilA.jpg);
  display:none;
}

.dTgallery { /* div contenant le menu Gallery */
  float: left;
  width: 186px;
  height: 50px;
  /*background-color: #00ffff;*/
  background-image:url(layouts/DBstyle/galerieN.jpg);
}
.dTgalleryM { /* div contenant le menu Gallery pour OnMouseOver */
  float: left;
  width: 186px;
  height: 50px;
  background-image:url(layouts/DBstyle/galerieM.jpg);
  display:none;
}
.dTgalleryA { /* div contenant le menu Gallery quand sélectionné */
  float: left;
  width: 186px;
  height: 50px;
  background-image:url(layouts/DBstyle/galerieA.jpg);
  display:none;
}

.dTcomics { /* div contenant le menu Comics */
  float: left;
  width: 186px;
  height: 50px;
  /*background-color: #ffff00;*/
  background-image:url(layouts/DBstyle/bdN.jpg);
}
.dTcomicsM { /* div contenant le menu Comics pour OnMouseOver */
  float: left;
  width: 186px;
  height: 50px;
  background-image:url(layouts/DBstyle/bdM.jpg);
  display:none;
}
.dTcomicsA { /* div contenant le menu Comics quand sélectionné */
  float: left;
  width: 186px;
  height: 50px;
  background-image:url(layouts/DBstyle/bdA.jpg);
  display:none;
}

.dTbonus { /* div contenant le menu Bonus */
  float: left;
  width: 186px;
  height: 50px;
  /*background-color: #ff0000;*/
  background-image:url(layouts/DBstyle/bonusN.jpg);
}
.dTbonusM { /* div contenant le menu Bonus pour OnMouseOver */
  float: left;
  width: 186px;
  height: 50px;
  background-image:url(layouts/DBstyle/bonusM.jpg);
  display:none;
}
.dTbonusA { /* div contenant le menu Bonus quand sélectionné */
  float: left;
  width: 186px;
  height: 50px;
  background-image:url(layouts/DBstyle/bonusA.jpg);
  display:none;
}


/* Contenu de la sous-barre Gallery */
.dSTgallery { /* div contenant la sous-barre Gallery */
  position: relative;
  top: 50px;
  left: -117px;
  width: 420px;
  height: 30px;
}

.dSTGoriginal {
  float: left;
  width: 105px;
  height: 30px;
  /*background-color: #ff0000;*/
  background-image:url(layouts/DBstyle/originalN.jpg);
}
.dSTGoriginalM { 
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/originalM.jpg);
  display:none;
}
.dSTGoriginalA {  
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/originalA.jpg);
  display:none;
}

.dSTGcommish {
  float: left;
  width: 105px;
  height: 30px;
  /*background-color: #ff0000;*/
  background-image:url(layouts/DBstyle/commandeN.jpg);
}
.dSTGcommishM { 
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/commandeM.jpg);
  display:none;
}
.dSTGcommishA {  
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/commandeA.jpg);
  display:none;
}

.dSTGyourspace {
  float: left;
  width: 105px;
  height: 30px;
  /*background-color: #ff0000;*/
  background-image:url(layouts/DBstyle/vosdessinsN.jpg);
}
.dSTGyourspaceM { 
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/vosdessinsM.jpg);
  display:none;
}
.dSTGyourspaceA {  
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/vosdessinsA.jpg);
  display:none;
}

.dSTGfanart {
  float: left;
  width: 105px;
  height: 30px;
  /*background-color: #ff0000;*/
  background-image:url(layouts/DBstyle/fanartN.jpg);
}
.dSTGfanartM { 
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/fanartM.jpg);
  display:none;
}
.dSTGfanartA {  
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/fanartA.jpg);
  display:none;
}

/* Contenu de la sous-barre Comics */
.dSTcomics { /* div contenant la sous-barre Comics */
  position: relative;
  top: 50px;
  left: -167px;
  width: 600px;
  height: 30px;
}

.dSTCak {
  float: left;
  width: 105px;
  height: 30px;
  /*background-color: #ff0000;*/
  background-image:url(layouts/DBstyle/artkeepersN.jpg);
}
.dSTCakM { 
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/artkeepersM.jpg);
  display:none;
}
.dSTCakA {  
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/artkeepersA.jpg);
  display:none;
}

.dSTCgallice {
  float: left;
  width: 105px;
  height: 30px;
  /*background-color: #ff0000;*/
  background-image:url(layouts/DBstyle/GalliceN.jpg);
}
.dSTCgalliceM { 
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/GalliceM.jpg);
  display:none;
}
.dSTCgalliceA {  
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/GalliceA.jpg);
  display:none;
}

.dSTC24h {
  float: left;
  width: 105px;
  height: 30px;
  /*background-color: #ff0000;*/
  background-image:url(layouts/DBstyle/24hbdN.jpg);
}
.dSTC24hM { 
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/24hbdM.jpg);
  display:none;
}
.dSTC24hA {  
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/24hbdA.jpg);
  display:none;
}

.dSTCfanfic {
  float: left;
  width: 105px;
  height: 30px;
  /*background-color: #ff0000;*/
  background-image:url(layouts/DBstyle/fancomicsN.jpg);
}
.dSTCfanficM { 
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/fancomicsM.jpg);
  display:none;
}
.dSTCfanficA {  
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/fancomicsA.jpg);
  display:none;
}

.dSTCmakeof {
  float: left;
  width: 105px;
  height: 30px;
  /*background-color: #ff0000;*/
  background-image:url(layouts/DBstyle/makingofN.jpg);
}
.dSTCmakeofM { 
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/makingofM.jpg);
  display:none;
}
.dSTCmakeofA {  
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/makingofA.jpg);
  display:none;
}

/* Contenu de la sous-barre Bonus */
.dSTbonus { /* div contenant la sous-barre Bonus */
  position: relative;
  top: 50px;
  left: -234px;
  width: 420px;
  height: 30px;
}

.dSTBguest {
  float: left;
  width: 105px;
  height: 30px;
  /*background-color: #ff0000;*/
  background-image:url(layouts/DBstyle/livredorN.jpg);
}
.dSTBguestM { 
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/livredorM.jpg);
  display:none;
}
.dSTBguestA {  
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/livredorA.jpg);
  display:none;
}

.dSTBgoods {
  float: left;
  width: 105px;
  height: 30px;
  /*background-color: #ff0000;*/
  background-image:url(layouts/DBstyle/goodiesN.jpg);
}
.dSTBgoodsM { 
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/goodiesM.jpg);
  display:none;
}
.dSTBgoodsA {  
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/goodiesA.jpg);
  display:none;
}

.dSTBabout {
  float: left;
  width: 105px;
  height: 30px;
  /*background-color: #ff0000;*/
  background-image:url(layouts/DBstyle/aproposN.jpg);
}
.dSTBaboutM { 
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/aproposM.jpg);
  display:none;
}
.dSTBaboutA {  
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/aproposA.jpg);
  display:none;
}

.dSTBlinks {
  float: left;
  width: 105px;
  height: 30px;
  /*background-color: #ff0000;*/
  background-image:url(layouts/DBstyle/liensN.jpg);
}
.dSTBlinksM { 
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/liensM.jpg);
  display:none;
}
.dSTBlinksA {  
  float: left;
  width: 105px;
  height: 30px;
  background-image:url(layouts/DBstyle/liensA.jpg);
  display:none;
}

/* Blocks d'affichage du guestbook */
.gbBlock{
  margin-left: 50px;
  padding: 10px;
  width: 600px;
  border: 2px dotted #BF7C36;
}


/* Gestion du Guestbook */
.gbComment{}

/* div pour le posteur et la date */
.gbPosteur, .gbDate{
  float: right;
  padding-right: 20px;
}

/* Page de signature dans le Guestbook */
.tBooksign{
  margin-left: 50px;
  padding: 10px;
  width: 600px;
  border: 2px dotted #BF7C36;
}

/* Les divs de texte du formulaire */
.gbText{
  float: left;
  padding-right: 6px;
  text-align: right;
  width: 250px;
}

/* div contenant le code à saisir dans le Guestbook */
.gbCode{
  padding-left: 260px;
}

/* div utilisé pour placer les icônes de Wallpapers en goodies */
.goodsL{
  float: left;
  width: 50%;
  text-align: center;
}
/* div utilisé pour placer les icônes de Wallpapers en goodies */
.goodsR{
  float: right;
  width: 50%;
  text-align: center;
}
/* div utilisé pour placer les icônes de Wallpapers en goodies */
.layouts{
  width: 80%;
  height: 50px;
  text-align: center;
}
/* div utilisé pour placer les icônes de Wallpapers en goodies: Image */
.layoutP{
  width: 50%;
  height: 50px;
  text-align: right;
  float: left;
}
/* div utilisé pour placer les icônes de Wallpapers en goodies: Texte */
.layoutT{
  float: right;
  width: 50%;
  padding-top: 21px;
  text-align: left;
}


/* Pages de la galleries: les images */
.pImages{
  text-align: center;
}
/* Le lien */
.lImages{
  border:0px;
}
/* L'image preview */
.iImages{
  border:0px;
}

/* La page affichant les images */
/* le div contenant les images */
.dImages{
  padding: 10px;
}
/* le div contenant l'image */
.dPic{
  text-align: center;
}
/* Le div principal sous l'image */
.dMainImg{
  border: 2px solid #BF7C36;
  background-color: #FFC462;
  padding: 20px;
  text-align: left;
}
/* LE div de commentaire */
.dImgComment{
  width: 100%;
}
/* Le div du titre de l'image */
.dImgTitle{
  font-size: 16px;
  font-weight: bold; 
  float: left;
}
/* Le div de la date de l'image */
.dImgDate{
  font-weight: bold;
  margin-left: 200px;
}

/* La page du webcomic */
/* Le logo Art Keepers */
.AKlogo{
  text-align: center;
}
/* le div contenant 1 chapitre */
.dChapitre{
  margin-left: 20px;
  border: 2px dotted #BF7C36;
  width: 550px;
}
/* La table utilisée pour lister les pages */
.AkTable{
  margin: 10px;
}

/* Le tableau sous une page de comic pour naviguer */
.dAkTable{
  font-family: arial; 
  color: #663333; 
  letter-spacing: 0px; 
  font-weight: bold; 
  font-size: 26px;
  text-align: center;
  border: 2px solid #BF7C36;
  background-color: #FFC462;
  padding: 20px;
}

/* La page des comics */
/* Cadre pour 1 comic */
.dComics{
  border: 2px dotted #BF7C36;
  background-color: #FFC462;
  padding: 10px;
  margin: 5px;
}
/* Lien vers un comic */
.lComics{
  border:0px;
}
/* Lien preview d'un comic */
.iComics{
  border:0px;
}

/* Le div contenant l'image lien vers un comic */
.dlComics{
  width:300;
  height:60;
  float: left;
  padding-right:20px;
  padding-left:5px;
}

/* Le div contenant l'image lien vers un comic */
.dlYourarts{
  width:200;
  height:60;
  float: left;
  padding-right:20px;
  padding-left:5px;
}

/* Div contenant le commentaire du comic */
.dCommcomic{
  padding:5px;
}

/* Div utilisé pour le about */
.advert{
  text-align: center;
}


/* La page du webcomic */
/* Le logo Gallice */
.Gallicelogo{
  text-align: center;
}