/*----------------- Images--------------------*/

.thumbnail
{position: relative;
	z-index: 0;
}

.thumbnail:hover
{background-color: transparent;
	z-index: 50;
}

.thumbnail span
{position: absolute;
	background-color: lightyellow;
	margin-left: 0px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	z-index: 501;
}

.thumbnail span img
{position: relative;
	border-width: 0;
	padding: 2px;
	width : 255px;
	height: 325px;
	z-index: 500;
}

.thumbnail:hover span
{visibility: visible;
	left: 0px;
}

.margleftmgq   /*----------------- Mot magique--------------------*/
{margin-left: 2%;
	margin-top: 5px;
	padding-left: 0%;
	font-size: 34px;
	font-family: forte;
	font-weight: bold;
}

.pagination
{text-align: center;
	font-size: 16px;	
	background-color:gray;
	width:80%;
	margin-left:10%;
	box-shadow: 6px 6px 6px black;
}

.afichmesage
{position: relative;
	margin-left: 11.5%;
	height: 20px;
	width: 88%;
	color: red;
	font-size: 12px;
	text-align:center;
	background-color:transparent;
}

.souligne
{
text-decoration: none;
}

.margl2
{margin-left: 2%;
}

.margl5
{margin-left: 5%;
}

.recher-ok
{margin-left:0%;
	background-color:#transparent;
	border-radius: 20px / 10px ;
	box-shadow: 2px 2px 2px black;
	color: green;
	text-align:center;
}

.width20
{margin-left:10%; text-align:right;
}

.width25
{margin-left:25%; text-align:right;
}

.font
{background-color:white;}

.width75
{margin-left:75%;
}

.zone-ft /* Zone Facebook - Twister */
{position:absolute;
	margin-left:0%;
	margin-top:-60px;
	width:30%;
	height:40px;
	padding:0%;
	background-color:#transparent;
	border-radius: 20px / 10px ;
	box-shadow: 2px 2px 0px 2px black;
	text-align:center;
	color:blue;
	font-size:80%;
}

.zone-gd
{position:absolute;
	margin-left:90%;
	margin-top:-250px;
	width:100px;
	height:150px;
	padding:1%;
	background-color:#transparent;
	border-radius: 20px / 10px ;
	box-shadow: 2px 2px 2px 2px black;
	text-align:center;
	color:blue;
	font-size:80%;
}

.zonemotpas
{Width:250px; height:30px; font-size:100%;
	border: 3px outset #a7a7a7; background-color:black;
	color:white; text-align:center;
	opacity: 0.5; filter: alpha(opacity=50);
	margin: 0% 30%;
}

.ombre
{border: 2px outset #b21c95;
	box-shadow: 6px 6px 6px #575fff;
}

#calendrier li{
	list-style: none;	
}

#libelle {
	width: 210px;
	margin: 0 auto;
	padding: 0;
}
.ligne {
	width: 210px;
	margin: 0 auto;
	padding: 0;
} 
#libelle li {
	float : left;
	width : 30px; 
}
.ligne li {
	color: #000;
	float : left; 
	width : 30px; 
}

.ligne li a:hover{
	list-style: none;
	text-decoration: none;
}

li.itemCurrentItem {
	/* A vous de configurer l'apparence de la date du jour */
}
li.itemSelectedItem {
	/* A vous de configurer l'apparence du jour sélectionné */
}		

/* *************** Calendrier */


.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */