/* \\ ----------------------------------------------------------------------------------- //
    \\                         ****  Déclaration générales  ****                         //
     \\ ------------------------------------------------------------------------------- //   */
	 
* { margin:0; padding:0 }

body {
	background-image:url(http://www.pleax.com/theme/images/blue-light/bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

div, p, table, td {
	font-family:verdana;
	font-size:12px;
	color:#333333
}

.clear { clear:both }
.hide  { display:none }

/* --- --- Lien --- --- */
.lien a:link, a.lien:link, 
.lien a:visited, a.lien:visited {
	text-decoration:none;
	color:#3399FF
}
.lien a:hover, a.lien:hover {
	border-bottom:1px solid #39F;
}
.lien a:active, a.lien:active, 
.lien a:focus, a.lien focus {
	outline:0;
	color:#F89A2E;
	border:0
}

/* --- --- Lien titre --- --- */
.lienTitre a:link,
.lienTitre a:visited {
	text-decoration:none;
	color:#3399FF;
	padding-bottom:1px;
	border-bottom:2px solid #97CBFF
}
.lienTitre a:hover {
	border-bottom:2px solid #39F;
}
.lienTitre a:active {
	outline:0;
	border-bottom:2px solid #F89A2E;
}


a.min_actions:link, a.min_actions:visited {
	padding:2px; 
	border:1px solid #666; 
	background-color:#FFF; 
	position:absolute; 
	top:8px; 
}
a.min_actions:hover {
	border:1px solid #FF9900;
	padding:2px 
}
#infos_actions { width:152px; height:15px; position:absolute; top:60px; right:0px; font-size:11px; text-align:center; border:1px solid #666; color:#0099FF}

a img { border:0; background:none}

/* \\ ----------------------------------------------------------------------------------- //
    \\                           ****  Structure du site  ****                           //
     \\ ------------------------------------------------------------------------------- //   */

#page {
	width:906px;
	margin:0 auto;
}

#logo {
	width:148px;
	height:57px;
	padding:15px 0 0 15px
}

#cadre {
	width:906px;
	height:330px;
	background-image:url(http://www.pleax.com/theme/images/black-light/fond.png);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	text-align:center;
} /*IE 6 */ * html  #cadre { margin-top:-3px } 

#cadre_top {
	background-image:url(http://www.pleax.com/theme/images/black-light/top.png);
	width:906px;
	height:16px;
	margin:10px 0 0 0;
	
}

#principal {
	margin:-320px 20px 0 20px;
	padding:5px 0;
	width:866px;
	position:relative;
	
}

#down
{
width: 100%;
height: 20px;
bottom: 0px;
position: fixed;
background-color: #FFFFFF;
text-align: center;
opacity: 0.50;
filter: alpha(opacity=50);
}
#down a
{
color: #000000;
text-decoration: none;
}
/* \\ ----------------------------------------------------------------------------------- //
    \\                        ****  Structure des contenus  ****                         //
     \\ ------------------------------------------------------------------------------- //   */

#deuxColones_gauche {
	width:500px;
	position:absolute;
	left:0;
	text-align:center
}
#deuxColones_droite {
	width:360px;
	position:absolute;
	right:0;
	text-align:center
}

#contenu_search { 
	width:700px;
	position:absolute;
	left:0;
	text-align:center

}
#pub_sky_droite { 
	width:160px;
	position:absolute;
	right:0;
	text-align:left;
	top:130px
}

/* Grosse photo sur la page d'accueil -> plus utilisé */
a.imgGauche:link img,
a.imgGauche:visited img { 
	border:2px solid #5998d4 
}
a.imgGauche:hover img {
	border:1px solid #00A8FF;
	padding:1px
}

/* Galerie favorites */
a.imgGauche2:link img,
a.imgGauche2:visited img { 
	border:2px solid #CCC;
	padding:1px ;
	margin-bottom:5px
}
a.imgGauche2:hover img {
	border:2px solid #00A8FF;
	padding:1px
}

/* Galeries aléatoires */
a.imgGauche2_lite:link img,
a.imgGauche2_lite:visited img { 
	border:2px solid #CCC;
	padding:1px ;
	margin-bottom:5px
}
a.imgGauche2_lite:hover img {
	border:1px solid #00A8FF;
	padding:2px
}


/* \\ ----------------------------------------------------------------------------------- //
    \\                               ****  Formulaires  ****                             //
     \\ ------------------------------------------------------------------------------- //   */

.form input 			{ background-color:#FFFFFF; border:1px solid #CCC; padding:4px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#333333; width:180px; background-color:#FFF; margin:2px 0 2px 0; color:#0099FF; background-image:url(http://www.pleax.com/theme/images/black-light/fond_input1.jpg) }
* html .form input 		{ height:12px; background-attachment:fixed}
.form input:focus		{ background-color:#FFFFFF; border:1px solid #5FCAFF; color:#0099FF; }
.form file				{ background-color:#FFFFFF; border:1px solid #CCC; padding:4px; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; color:#333333; width:200px; background-color:#FFF; margin:2px 0 2px 0; color:#0099FF; background-image:url(http://www.pleax.com/theme/images/black-light/fond_input1.jpg) }
.form select			{ background-color:#FFFFFF; border:1px solid #CCC; padding:2px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#333333; width:210px; background-color:#FFF; margin:2px 0 2px 0; color:#0099FF; background-image:url(http://www.pleax.com/theme/images/fond_input1.jpg) }
.form option			{ margin:4px; padding:1px }
.form textarea			{ background-color:#FFFFFF; border:1px solid #CCC; padding:4px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#333333; width:520px;  height:20px; text-align:center; background-color:#FFF; margin:4px 0 4px 0; color:#0099FF; background-image:url(http://www.pleax.com/theme/images/fond_textarea.jpg);  }
.form select:focus		{ background-color:#FFFFFF; border:1px solid #5FCAFF; color:#0099FF }
.form textarea:focus	{ background-color:#FFFFFF; border:1px solid #5FCAFF; color:#0099FF }
.form legend			{ color:#333333 }
.form label				{ font-size:11px; color:#666666 }
.form .submit			{ width:100px; font-variant:small-caps; padding:1px; border:1px solid #CCC; height:23px !important; height:20px; font-family:verdana }
.form .submit:hover		{ color:#0099FF; border:1px solid #5FCAFF }
.form .submit:active	{ color:#F90; border:1px solid #F90;  }
.form .search			{ width:30px; height:30px; padding:0; margin:0; border:0; vertical-align:middle;  }
.form .radio			{ width:20px; margin-left: 20px; vertical-align:middle; background:none; border:0; height:15px}
fieldset.form 			{ border:0; padding:0; margin:0  }

.form input.good180 								 { background:transparent url(http://www.pleax.com/theme/images/black-light/input180.gif) no-repeat scroll left top; border:medium none; font-size:12px; height:15px; padding:4px 8px; width:180px; text-align:center }
.form input.good180:hover, .form input.good180:focus { background:transparent url(http://www.pleax.com/theme/images/black-light/input180.gif) no-repeat scroll left bottom; border:medium none; font-size:12px; height:15px; padding:4px 8px; width:180px; }	 

.form input.good130 								 { background:transparent url(http://www.pleax.com/theme/images/black-light/input130.gif) no-repeat scroll left top; border:medium none; font-size:12px; height:15px; padding:4px 8px; width:130px; text-align:center  }
.form input.good130:hover, .form input.good130:focus { background:transparent url(http://www.pleax.com/theme/images/black-light/input130.gif) no-repeat scroll left bottom; border:medium none; font-size:12px; height:15px; padding:4px 8px; width:130px; }	 
	
.form textarea.good180 								 		{ text-align:left; background:transparent url(http://www.pleax.com/theme/images/black-light/textarea180.gif) no-repeat scroll left top;border:medium none;font-family:Georgia, "Times New Roman", Times, serif;font-size:11px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;height:89px;line-height:normal;padding:4px 8px;width:196px;} 
.form textarea.good180:hover, .form textarea.good180:focus 	{ background:transparent url(http://www.pleax.com/theme/images/black-light/textarea180.gif) no-repeat scroll left bottom;}


/* \\ ----------------------------------------------------------------------------------- //
    \\                                 ****  Accueil  ****                               //
     \\ ------------------------------------------------------------------------------- //   */


h3 {
	margin-bottom:17px
}
span#titreCat {

	margin:0; padding:0 0 4px 0;
	border-bottom:1px solid #3399ff;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
}
span#titreCat b {
	color:#3399FF;
	font-weight:inherit
}

#tableau_log_in {
	border:0; 
	text-align:center; 
	width:100%
} #tableau_log_in td { width:50%; padding-bottom:7px}
#tableau_sign_in {
	border:0; 
	text-align:center; 
	width:100%;
	margin-top:10px
}	#tableau_sign_in td { text-align:left; vertical-align:top}
	#tableau_sign_in i  { font-size:9px; color:#999999; font-style:normal}
	span.infos { font-size:11px; border-bottom:1px solid #FF9900; padding-bottom:1px; color:#FF6600}

ul#action {
	list-style-type:none;
	margin:20px 0 0 25px;
	text-align:left
}
	ul#action.lite { margin:7px 0 30px 5px }
	
ul#action li { 
	padding:5px;
	text-align:left
}
	ul#action.lite li { padding:0 0 5px 0 }
	
ul#action li img { 
	vertical-align:middle;
	padding-right:15px
}
	ul#action.lite li img {padding-right:5px }
	
ul#action li a:link,
ul#action li a:visited {
	color:#555;
	text-decoration:none;
	border-bottom:1px solid #FF9933;
	padding:2px 5px 2px 5px;
} 

ul#action li a:hover {
	background-color:#FF9933;
	color:white;
	border:1px solid #FF6600;	
} 

ul#action li a:active {
	outline:0;
	border:1px solid #FF9933;
} 



#statut_pseudo, #statut_email, #statut_pass 	{ color:#F00; background-color:#FFDFE0; padding:3px; width:196px; text-align:center; font-size:10px }
#statut_inscriptionn, #statut_uploader		 	{ color:#F00; background-color:#FFDFE0; padding:4px; width:196px; text-align:center; font-size:10px; margin:3px; -moz-border-radius:10px }
#statut_log										{ color:#F00; background-color:#FFDFE0; padding:4px; width:250px; text-align:center; font-size:10px; margin:3px auto 8px auto; -moz-border-radius:10px }
#error											{ color:#F00; background-color:#FFDFE0; padding:5px; width:300px; text-align:center; font-size:11px; margin:0px auto 10px auto; -moz-border-radius:10px }

#lien_recherche_avancee { 
	margin-left:130px; 
	font-size:10px; 
}
#form_recherche_avancee {
	text-align:left;
	margin-left:30px;
	border-left:1px dotted #FF9900;
	border-bottom:1px dotted #FF9900;
	border-right:1px dotted #FF9900;
	padding:5px 0 0px 8px;
	margin-top:7px
}
#form_recherche_avancee b {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#0066CC;
	font-weight:normal;
	font-size:12px
}
#form_recherche_avancee label {
	color:#555;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#form_recherche_avancee p {
	margin-bottom:13px
}


  #slideshow {
    position: relative;
    width: 240px;
    height: 180px;
  }
  #slideshow div {
    position: absolute;
    top: 0;
    left: 0;
  }


/* \\ ----------------------------------------------------------------------------------- //
    \\                                ****  Rechercher  ****                             //
     \\ ------------------------------------------------------------------------------- //   */

#bloc_top_recherche {
	width:90%;
	margin:5px auto 0 auto;
	height:75px;
	background-image:url(http://www.pleax.com/theme/images/bg_search3.png);
	background-color:#EFF8FF;
	background-repeat:repeat-x;
	border:1px solid #3399FF;

}
#bloc_top_recherche_in {
	padding:5px;
	text-align:center;
}
#tableau_in_recherche {
	border:0; 
	padding:0;
	margin:0; 
	width:769px; 
	height:75px;

} 	#tableau_in_recherche td { vertical-align:top; text-align:left }
	#tableau_in_recherche label { color:#FFFFFF; color:#333  }
	#tableau_in_recherche .radio { margin:0; padding:0 }
	#tableau_in_recherche b { color:#FFFF99; color:#FFFFFF; font-weight:normal  }

#search_result {

}
table#liste_resultat {
	margin:0; padding:0;
	border:0;
	width:100%
}
#liste_resultat td {
	padding-bottom:20px;
}

#liste_resultat .tdImg {
	width:270px;
	text-align:right;
}

#liste_resultat .tdDetail {
	width:420px;
	text-align:left;
	padding-left:40px;
	vertical-align:top;
	padding-top:15px;
	
}
#liste_resultat tr {
	border-bottom:1px solid #ccc
}

a.resultat_img:link img,
a.resultat_img:visited img { 
	padding:3px;
	border:2px solid #ccc 
}
a.resultat_img:hover img {
	border:2px solid #00A8FF;
	padding:3px
}

#liste_resultat h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0 0 15px 0
}
#liste_resultat h3 {
	font-size:12px;
	font-family:normal;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc
}

	
	
div.bubble div.rounded {
	margin-bottom: 10px;
	background-color: #d3e8ff;
	padding:3px;
	border:1px solid #79b8ff;
	width:85%;
	-moz-border-radius:5px;

}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite {
	position: relative;
	margin: 0px 0 0 15px;
	padding-left: 0px;
	padding-top: 11px;
	top: 0px;
	left:30px;
	background: transparent url(http://www.pleax.com/theme/tip-rounded.gif) no-repeat 0px 0;
}
	
.liste_tags { 
	text-align:left;
	width:85%;
	margin-top:23px;
	padding-left:10px;
	padding-bottom:7px;
	
}

.liste_tags a:link, 
.liste_tags a:visited {
	color:#666;
	text-decoration:none;
	font-variant:small-caps;
}
.liste_tags a:hover {
	color:#FF6600
}

#bloc_uploader {
	width:300px;
	margin:8px auto 5px auto;
	padding:5px;
	border:1px solid #00A8FF;
	background-color:#F0F7FF
	
}
.up_drag {
	width:300px; 
	position:absolute;
	z-index:500; 
	top:100px; 
	left:400px;
	margin:8px auto 5px auto;
	padding:5px 5px 5px 10px;
	border:1px solid #00A8FF;
	background-color:#F0F7FF;
	background-image:url(http://www.pleax.com/theme/images/bg_up_test.gif);
	background-repeat:repeat-x repeat-y;
}

	/* ---- Pagination ---- */
	.pagination a:link, .pagination a:visited 	{ color:#00A8FF; font-size:11px }
	.pagination a:hover 						{ color:#FF6600 }

	.pagination {
	background:#FAFAFA none repeat scroll 0%;
	border:1px solid #DDDDDD;
	color:#666666;
	margin:15px auto 1.5em auto;
	padding:7px 7px 9px 7px;
	width:70%;
	}
	.pagination p {
	position:relative;
	text-align:right;
	}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #CCCCCC;
	padding:2px 5px;
	text-decoration:none;
	}
	.pagination p a:hover {
	background:#00A8FF none repeat scroll 0%;
	color:#FFFFFF;
	}
	.pagination p span {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #CCCCCC;
	color:#CCCCCC;
	padding:2px 5px;
	text-decoration:none;
	}
	.pagination * {
	margin:0pt;
	}
	.pagination h4 {
	border:medium none;
	margin-top:-1.45em;
	padding:3px 0;
	float:left;
	font-size:12px
	}
	
	
/* \\ ----------------------------------------------------------------------------------- //
    \\                                  ****  Détail  ****                               //
     \\ ------------------------------------------------------------------------------- //   */

/* --- --- Titre d'une image --- --- */
h1 a:link,
h1 a:visited {
	text-decoration:none;
	color:#3399FF;
	padding-bottom:1px;
	border-bottom:2px solid #97CBFF;
	font-size:15px;
	font-weight:bold;
	
}
h1 a:hover {
	border-bottom:2px solid #39F;
}
h1 a:active, h1 a:focus {
	outline:0;
	border-bottom:2px solid #F89A2E;
}
#deuxColones_gauche h1 { margin-bottom:30px }

a.imgDetail:link img ,
a.imgDetail:visited img {
	border:2px solid #ccc;
	padding:3px
}
a.imgDetail:hover img {
	border-color:#999;
}

	#vote {
		margin:0px auto 0px auto;
		padding:30px 0 5px 3px;
		width:117px; 
		height:100px; 
		background-image:url(http://www.pleax.com/theme/images/fond_note.png);
		background-repeat:no-repeat;
		text-align:center;
		color: #4cbaed;
		font-size: 20px;
		font-weight: bold;
		line-height:28px;
	}
	
	#vues {
		margin:0px auto 0px auto;
		padding:30px 0 0px 5px;
		width:117px; 
		height:100px; 
		background-image:url(http://www.pleax.com/theme/images/fond_vues.png);
		background-repeat:no-repeat;
		text-align:center;
		color: #4cbaed;
		font-weight: bold;
		line-height:28px;
		font-size: 15px;
	}
	#classement {
		margin:0px auto 0px auto;
		padding:30px 0 0px 5px;
		width:117px; 
		height:100px; 
		background-image:url(http://www.pleax.com/theme/images/fond_classement.png);
		background-repeat:no-repeat;
		text-align:center;
		color: #4cbaed;
		font-weight: bold;
		line-height:28px;
		font-size: 15px;
	}
		
#vote a {
	color: #4cbaed;
	font-size: 28px;
	font-weight: bold;
	text-decoration:none;
}
#vote a.votez {
	color:#FF6633;
	font-size:16px;
	border-bottom:1px dashed #FF9933;
}
#vote a.votez:hover {
	color:#FF6633;
	border-bottom:1px solid #FF9933;
	
}
#vote strong {
	font-size:28px;
}
	
#vues strong, #classement strong { font-size: 26px; }


#liste_coms {
	width:90%;
	text-align:left;
	margin-top:20px;
	padding:5px;
}

.unCom {
border-bottom:1px solid #ccc;
width:100%

}
.unCom .left {
	text-align:center;
	vertical-align:top;
		width:80px
}
.unCom .right {
	vertical-align:top;
	padding-bottom:4px;
	padding-top:4px;
	font-size:11px
}
.unCom .right em {
	font-style:normal;
	font-size:10px;
	color:#777
}
.unCom .right p {
	font-size:11px;
	padding:5px 0 0 0
}
.unCom .right a:link, .unCom .right a:visited {
	color:#0099FF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.unCom .right a:hover {
	color:#FF6600
}

#poster_com_form {
	margin:10px 0 10px 0;
	padding:5px;
	text-align:left
}

textarea#text_com {
	width:400px; 
	height:70px
}




#nuagedetag {
font-size:0.9em;
margin:0pt 0pt 1em;
padding:0pt;
text-decoration:none;
width:500px;
}
#nuagedetag li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-decoration:none;
}
#nuagedetag li a {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0099FF;
padding:0.2em;
text-decoration:none;
}




/* ----------------- LIGHTBOX ------------------------- */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.pleax.com/theme/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.pleax.com/theme/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.pleax.com/theme/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}