/*# ***** BEGIN LICENSE BLOCK *****
# Widget themeSwitcher2 for DotClear.
# Copyright (c) 2007 Gerits Aurelien. All rights
# reserved.
#
# DotClear is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 2 of the License, or
# (at your option) any later version.
#
# DotClear is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with DotClear; if not, write to the Free Software
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
#
# ***** END LICENSE BLOCK *****
*/
/*############## formulaire ############### */
#themeSwitcher form{
	margin-bottom:5px;
	margin-left: 5px;
}
#themeSwitcher .submit{
	margin-left: 5px;
	border: #DCDCDC 1px solid;
	color: #000;
	cursor: pointer;
}
#themeSwitcher .submit:hover{
	color: White;
	background: #FFD700;
}
#themeSwitcher input{
	border: #DCDCDC 1px solid;
}
#themeSwitcher option{
	background: #FFCC66;
}
#themeSwitcher select{
	width: 150px;
	border: 1px solid #DCDCDC;
}
/*##########################Liste de capture d'ecran #################################*/
#themeSwitcher ul{
	border: 1px solid #778899;
}
#themeSwitcher ul li{
	background: none;
	padding: 3px 4px 3px 0px;
}
#themeSwitcher ul li#current_theme{
	background: #F0E68C;
}
#themeSwitcher ul li#current_theme:hover{
	background: #FFD700;
}
#themeSwitcher ul li:hover{
	background: #FFD700;
}
/*redimensionnement des screenshots pour affichage en liste et affichage par survole*/
#themeSwitcher ul li img{
	padding: 0 2%;
	width: 150px;
	height: 100px;
}
/*########################### Affichage par survole du thème ###########################*/
/*les hovers*/
a.apercu {
   position: relative;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.apercu span {
   display: none; /* on masque l'infobulle */
}
a.apercu:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: pointer; /* on change le curseur par défaut*/
}
a.apercu:hover span {
	display: inline; /* on affiche la bulle */
	position: absolute;
	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	background:#FFF;
	top: 25px; /* on positionne notre bulle */
	left: 20px;
	padding: 3px;
	border: 1px solid #3E7DEE;
	border-left: 4px solid #3E7DEE;
}