@import url("/hyena.css");

/* Page d'accueil galeries */
div.gly{ position: relative; left: 17px; top:  0px; width:722px; height:665px;}
div.gly_01           { 		position: absolute; top: 98px; left:200px; height: 44px; width: 61px; 
                       background-image:url(img/gly_01.jpg); }
div.gly_02           { 		position: absolute; top:106px; left:525px; height: 96px; width: 85px; 
                       background-image:url(img/gly_02.jpg); }
div.gly_03           { 		position: absolute; top:202px; left:255px; height:155px; width:224px; 
                       background-image:url(img/gly_03.jpg); }
div.gly_03b          { 		position: absolute; top:357px; left:255px; height: 38px; width:205px; 
                       background-image:url(img/gly_03b.jpg); }
div.gly_04           { 		position: absolute; top:395px; left:416px; height:270px; width:44px; 
                       background-image:url(img/gly_04.jpg); }
a.gly_WorldTour      { 	position: absolute; top:  0px; left:255px; height:202px; width:270px; 
                       background-image:url(img/gly_WorldTour.jpg);  text-decoration:none;}
a.gly_HallOfFame     { 	position: absolute; top:142px; left:  0px; height:253px; width:255px; 
                       background-image:url(img/gly_HallOfFame.jpg);  text-decoration:none; }
a.gly_Concours       { 		position: absolute; top:202px; left:479px; height:155px; width:245px; 
                       background-image:url(img/gly_Concours.jpg);  text-decoration:none; }
a.gly_DiversInsolites{ 	position: absolute; top:395px; left: 91px; height:270px; width:325px; 
                       background-image:url(img/gly_DiversInsolites.jpg);  text-decoration:none; }
a.gly_Stickers       { 		position: absolute; top:357px; left:460px; height:228px; width:224px; 
                       background-image:url(img/gly_Stickers.jpg);  text-decoration:none; }

a.gly_WorldTour:hover{          background-image:url(img/gly_WorldTour_hover.jpg); }
a.gly_HallOfFame:hover{         background-image:url(img/gly_HallOfFame_hover.jpg); }
a.gly_Concours:hover{           background-image:url(img/gly_Concours_hover.jpg); }
a.gly_DiversInsolites:hover{    background-image:url(img/gly_DiversInsolites_hover.jpg); }
a.gly_Stickers:hover{           background-image:url(img/gly_Stickers_hover.jpg); }

div.gly_WorldTourPreload{       position: absolute; width:0px; height:0px; background-image:url(img/gly_WorldTour_hover.jpg); }
div.gly_HallOfFamePreload{      position: absolute; width:0px; height:0px; background-image:url(img/gly_HallOfFame_hover.jpg); }
div.gly_ConcoursPreload{        position: absolute; width:0px; height:0px; background-image:url(img/gly_Concours_hover.jpg); }
div.gly_DiversInsolitesPreload{ position: absolute; width:0px; height:0px; background-image:url(img/gly_DiversInsolites_hover.jpg); }
div.gly_StickersPreload{        position: absolute; width:0px; height:0px; background-image:url(img/gly_Stickers_hover.jpg); }

/* Menu Galerie */
div.gly_mnu{              position: relative; left:  0px; top:  0px; width:755px; height:160px; border: 3px #c44e11 solid; margin-bottom:10px;}
a.gly_mnu_WorldTour{      float:left; height:148px; width:176px;  text-decoration:none;
                          background-image:url(img/gly_mnu_WorldTour.jpg);}
a.gly_mnu_DiversInsolites{float:left; height:148px; width:134px;  text-decoration:none;
                          background-image:url(img/gly_mnu_DiversInsolites.jpg); }
a.gly_mnu_HallOfFame{     float:left; height:148px; width:167px;  text-decoration:none;
                          background-image:url(img/gly_mnu_HallOfFame.jpg); }                
a.gly_mnu_Stickers{       float:left; height:148px; width:130px;  text-decoration:none;
                          background-image:url(img/gly_mnu_Stickers.jpg); }
a.gly_mnu_Concours{       float:left; height:148px; width:139px;  text-decoration:none;
                          background-image:url(img/gly_mnu_Concours.jpg); }
                          
a.gly_mnu_WorldTour:hover{          background-image:url(img/gly_mnu_WorldTour_hover.jpg); }
a.gly_mnu_HallOfFame:hover{         background-image:url(img/gly_mnu_HallOfFame_hover.jpg); }
a.gly_mnu_Concours:hover{           background-image:url(img/gly_mnu_Concours_hover.jpg); }
a.gly_mnu_DiversInsolites:hover{    background-image:url(img/gly_mnu_DiversInsolites_hover.jpg); }
a.gly_mnu_Stickers:hover{           background-image:url(img/gly_mnu_Stickers_hover.jpg); }    

div.gly_mnu_WorldTourPreload{        position: relative; width:0px; height:0px; background-image:url(img/gly_mnu_WorldTour_hover.jpg); }
div.gly_mnu_HallOfFamePreload{       position: relative; width:0px; height:0px; background-image:url(img/gly_mnu_HallOfFame_hover.jpg); }
div.gly_mnu_ConcoursPreload{         position: relative; width:0px; height:0px; background-image:url(img/gly_mnu_Concours_hover.jpg); }
div.gly_mnu_DiversInsolitesPreload{  position: relative; width:0px; height:0px; background-image:url(img/gly_mnu_DiversInsolites_hover.jpg); }
div.gly_mnu_StickersPreload{         position: relative; width:0px; height:0px; background-image:url(img/gly_mnu_Stickers_hover.jpg); }    
                
                
/* Message d'introduction*/
div.gly_Intro{		position: relative; left:  0px; top:  0px; width:755px; height:130px;}
div.gly_IntroTop{    float:left; height: 10px; width:755px; background-image:url(img/gly_Intro_top.jpg); line-height: 10px;}
div.gly_IntroLeft{   float:left; height:107px; width:  5px; background-image:url(img/gly_Intro_left.jpg); }
div.gly_IntroCenter{ float:left; height:107px; width:546px;}
div.gly_IntroRight{  float:left; height:107px; width:204px; background-image:url(img/gly_Intro_right.jpg); }
div.gly_IntroBottom{ float:left; height:  9px; width:755px; background-image:url(img/gly_Intro_bottom.jpg); line-height:  9px;}

.gly_IntroCenter p{	font-family: Verdana; font-size:12px; margin:  5px; margin-top: 25px; text-align:center; color: #81797d;}

div.gly_Album{left:  0px; top:  0px; width:755px; /*border: 3px #c44e11 solid;*/}

/* liste des miniatures*/
div.gly_ImageList{	float:left; width:140px;}
a.gly_Image_Thumb{ float:left; margin:0px; vertical-align: middle; border: 2px solid #FFFFFF;}
a.gly_Image_Thumb:hover{border: 2px solid #c44e11;}
.gly_Image_Thumb img{ vertical-align: middle; border: none;}

/* Contient imgae principal*/
div.gly_ImageMain{ float:left; top:0px; left:145px; width: 600px;}
.gly_ImageMain img{border:  0px;}

/* Commentaire*/
div.gly_Comments{position:relative;}
div.gly_Comment{ }
div.gly_Comment_BulleCoinHG{	float:left; clear:left;  width:  8px; height: 8px; line-height: 8px;
							background-image: url(/mod_galeries/themes/hyena/img/gly_bulle_hg.jpg);}
div.gly_Comment_BulleCoinHD{	float:left;              width:  8px; height: 8px; line-height: 8px;
							background-image: url(/mod_galeries/themes/hyena/img/gly_bulle_hd.jpg);}
div.gly_Comment_BulleCoinBG{	float:left; clear:left;  width:  8px; height: 8px; line-height: 8px;
							background-image: url(/mod_galeries/themes/hyena/img/gly_bulle_bg.jpg);}
div.gly_Comment_BulleCoinBD{	float:left;              width:  8px; height: 8px; line-height: 8px;
							background-image: url(/mod_galeries/themes/hyena/img/gly_bulle_bd.jpg);}
div.gly_Comment_BulleLongueur{float:left;              width:570px; height: 8px; line-height: 8px;
							background-color: #FFD26B; margin:  0px; border: none;
							padding-left:  5px;padding-right:  5px;padding-top:  0px;padding-bottom:  0px;}
div.gly_Comment_BulleComment{float:left; clear:left;   width:586px; line-height: 16px;
							background-color: #FFD26B; margin:  0px; padding:  5px; border: none;
							font-family: Verdana; font-size: 12px; color: #514846; }
							
div.gly_Comment_BulleAuthor{ float:left; padding-left: 0px; text-align:right; width: 90px; 
							font-family: Verdana; font-size: 12px; font-weight:bold;   color:#514846;}
div.gly_Comment_BulleDate{ 	margin-right:     16px; float: right;
							font-family: Verdana; font-size: 12px; color:#514846;}
div.gly_Comment_Bulle{ 		float:left; width: 18px; height: 16px;
							background-image: url(/mod_galeries/themes/hyena/img/gly_bulle.gif);
							background-repeat: no-repeat;}
							
div.gly_CommentForm{			position: relative; float:left;}

div.loading{  position: absolute; border: 1px solid #e49b00; background: #FFFFFF; display: none; 
              left:380px; top:350px;}
			  
div.gly_ImageVoteBlock{position: relative; margin-left:auto; width:100%; text-align:center;}

/* Last comment*/
div.gly_LastComments{clear:left; float:left; width:203px; /*border:2px solid #cd4f1c;*/
					margin-left: 40px; padding:4px;}
div.gly_LastComment{	float:left; width:203px; margin-top:8px; 
					background-color:#F7F7F7;}
.gly_LastComment a:link, .gly_LastComment a:visited{	
					clear:left; float:left; line-height:12px; font-family: Verdana; font-size:10px; font-weight:bold; 
					margin:0px; color: #cd4f1c; text-decoration: underline; width:203px;}
.gly_LastComment h2{	clear:left; float:left; line-height:12px; font-family: Verdana; font-size:10px; font-weight:bold; 
					margin:0px;}
.gly_LastComment h3{			    float:left; line-height:12px; font-family: Verdana; font-size:10px; 
					margin-left:5px; margin-top:0px; margin-right:0px; margin-bottom:0px;}
.gly_LastComment p{ 	clear:left; float:left; line-height:10px;  font-family: Verdana; font-size:10px; 
					margin:0px; width:203px;}

div.gly_LastImages{ 	float:left; width:345px;
					margin-left: 40px; padding:4px; text-align:center;}
.gly_LastImages a{text-decoration:none;}
.gly_LastImages a img{ margin-top:3px;margin-left:3px; border: 2px #FFFFFF solid;}
.gly_LastImages a:hover img{ margin-top:1px;margin-left:1px; border: 2px #cd4f1c solid;}


/* Censure
------------------------------ */
a.censure{
  display: block;
  margin-top: 100px;
  width:  82px; 
  height: 79px;
  background-image: url(/mod_galeries/themes/hyena/img/censure.jpg);
}

div.CensureConfirmationTitle{
  border:           1px solid #e49b00;
  background-color: #e49b00;
  color:            #FFFFFF;
  padding-left:     15px;
	font-family:      Verdana, Arial, Helvetica, sans-serif;
  font-size:        10px;
  font-weight:      bold;
  z-index:          100;
  height:           15px;
}

div.CensureConfirmation{
  display:          block;
  border:           1px solid #e49b00;
  background-color: #E2DAD7;
	font-family:      Verdana, Arial, Helvetica, sans-serif;
  font-size:        12px;
  padding:          5px;
}
/*---------------------------- */

/* Vote
---------------------------- */
div.ImageVoteBlock {
  clear:            both;
  text-align:       center;
}

p.SmallFixedFont {
  margin:           0px;
  padding:          0px;
  font:             10px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.topvote{
  display:          block; 
  margin-right:     2px;
	margin-bottom:    2px;
  vertical-align:   middle; 
}

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

.topvote a{
  border-width:     0px;
  border:           none;
  width:            60px;
  height:           60px;
  position:         relative; 
	vertical-align:   middle;
}

.topvote a:hover{
   filter:           alpha(opacity=50);
   -moz-opacity:     0.5;
   -khtml-opacity:   0.5;
   opacity:          0.5;
   vertical-align:   middle;
}

font.FixedFont {
  vertical-align:   middle;
  font:             16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*---------------------------- */

/* Link Styles
------------------------------ */
/*a:link, a:active { color: #ddd; text-decoration: none; }*/
a:visited {  color: #ddd; text-decoration: none;}
a:hover, a:focus { color: #ddd;}

small.concours{
  display:          block; 
  float:            right;
	font-family:      Tahoma;
  font-size:        20px;
  font-weight:      bold;
  color:            #c55116;
}

/* Info image
------------------------------ */
div.ImageTitle{
  font-family:      Tahoma;
  font-size:        18px;
  font-weight:      bold;
  margin-bottom:    20px;
  text-align:       center;
}

/* commentaire 
------------------------------ */

.pushbutton {
	margin-top:       5px;
	margin-left:      5px;
	color:            #FFFFFF;
	cursor:           pointer;
	border:           none;
	background:       #c55116;
}

div.CommentLocation{
  clear:            both;
  float:            left;
  width:            138px;
  border:           2px solid #e49b00;
  background:       #c55116;
  padding:          3px;
  margin-right:     8px;
  margin-bottom:    8px;
}

.CommentLocation a{
  font-size:        12px;
  font-family:      Verdana, Arial, Helvetica, sans-serif;
	font-weight:      bold;
  color:            #FFFFFF;
}
.CommentLocation a:hover{
  text-decoration:  underline;
}

div.comment{
  float:            left;
  width:            600px;
}

div.bulleAuthor{
  -moz-box-sizing:  border-box;
  padding-left:     15px;
  text-align:       right;
  width:            82px;
  font-size:        12px;
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	font-weight:      bold;
  color:            #514846;
  float:            left;
}

div.bulleDate{
  -moz-box-sizing:  border-box;
  margin-right:     16px;
  float:            right;
  font-size:        12px;
  
	font-family:      Verdana, Arial, Helvetica, sans-serif;
  color:            #514846;
}

div.bulleComment{
  -moz-box-sizing:  border-box;
  background-color: #FFD26B;
  padding-left:     15px;
  padding-right:    15px;
  width:            590px;
  float:            left;
  clear:            both;
  display:          block;
  font-size:        12px;
	font-family:      Verdana, Arial, Helvetica, sans-serif;
  color:            #514846; 
}

div.bulleLongueur{
  float:            left;
  display:          block;
  width:            574px;
  height:           8px;
  background-color: #FFD26B;
  line-height:      8px;
  margin:           0px;
  padding:          0px;
  border:           none;
}
div.bulleCoinHG{
  clear:            both;
  float:            left;
  width:            8px;
  height:           8px;
  display:          block;
  background-image: url(/mod_galeries/themes/hyena/img/bulle_hg.jpg);
  line-height:      8px;
}
div.bulleCoinHD{
  float:            left;
  width:            8px;
  height:           8px;
  display:          block;
  background-image: url(/mod_galeries/themes/hyena/img/bulle_hd.jpg);
  line-height:      8px;
}
div.bulleCoinBG{
  clear:            both;
  float:            left;
  width:            8px;
  height:           8px;
  display:          block;
  background-image: url(/mod_galeries/themes/hyena/img/bulle_bg.jpg);
  line-height:      8px;
}
div.bulleCoinBD{
  float:            left;
  width:            8px;
  height:           8px;
  display:          block;
  background-image: url(/mod_galeries/themes/hyena/img/bulle_bd.jpg);
  line-height:      8px;
}

div.bulle{
  float:            left;
  width:            18px;
  height:           16px;
  display:          block;
  background-image: url(/mod_galeries/themes/hyena/img/bulle.gif);
  background-repeat:no-repeat;
}

/* Page Navigation
------------------------------ */
ul.pagelist {
	clear:            both;
	padding:          0;
	margin:           20px 0 0 0;
	list-style-type:  none;
	color:            #e49b00;
}

ul.pagelist li {
	display:          inline;
}

ul.pagelist li {
	color:            #e49b00;
}

ul.pagelist li.prev {
	margin-right:     10px;
}
ul.pagelist li.next {
	margin-left:      10px;
}
.disabledlink {
	color:            #ddd;
	cursor:           default;
}
.pagenav {
	clear:            both;
}
.pagelist {
	text-align:       center;
}
.selectedPageNav {
	font:             18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:      bold;
	color:            #e49b00;
}
.unselectedPageNav a {
	font:             16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:      bold;
	color:            #B3B2A8;
	text-decoration:  none;
}

p.FixedFont {
  font:             16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.commentform{
  font-family:      Verdana, Arial, Helvetica, sans-serif;
  font-size:        12px;
  color:            #514846;
}

div.BlockRecent{
  clear:            both;
  font-family:      Verdana, Arial, Helvetica, sans-serif;
  font-size:        12px;
  color:            #514846;
  margin-bottom:    20px;
}