/* CSS Document */

/* PHOTO */

div.photo {
	width:160px;
	/*height:200px;*/
	padding:0;
}

div.photo_haut {
	width:160px;
	padding:0;
}

div.photo_hautG {
	height:11px;
	width:11px;
	background: #FFFFFF url(../images/photos_videos/images_photo/photo_coin_hg.png) no-repeat;
	color:#333333;
	padding:0;
	float:left;
}

div.photo_hautM {
	height:11px;
	width:138px;
	background: #FFFFFF url(../images/photos_videos/images_photo/photo_bande_haut.png) repeat-x;
	color:#333333;
	padding:0;
	float:left;
}

div.photo_hautD {
	height:11px;
	width:11px;
	background: #FFFFFF url(../images/photos_videos/images_photo/photo_coin_hd.png) no-repeat;
	color:#333333;
	padding:0;
	float:left;
}


div.photo_in {
	width:160px;
	height:128px;
	padding:0;
	text-align:center;
	vertical-align:middle;
	clear:both;
	background: #FFFFFF url(../images/photos_videos/images_photo/fond_photo.png) repeat-y;
}

div.photo_bas {
	width:160px;
	padding:0;
}

div.photo_basG {
	height:11px;
	width:11px;
	background: #FFFFFF url(../images/photos_videos/images_photo/photo_coin_bg.png) no-repeat;
	padding:0;
	float:left;
}

div.photo_basM {
	height:11px;
	width:138px;
	background: #FFFFFF url(../images/photos_videos/images_photo/photo_bande_bas.png) repeat-x;
	color:#333333;
	padding:0;
	float:left;
}

div.photo_basD {
	height:11px;
	width:11px;
	background: #FFFFFF url(../images/photos_videos/images_photo/photo_coin_bd.png) no-repeat;
	color:#333333;
	padding:0;
	float:left;
}

/*HOVER*/
a.lienPhoto {
border: none;
cursor: pointer;
}

a.lienPhoto:hover div.photo_hautG {
	background: #DDDDE2 url(../images/photos_videos/images_photo/photo_coin_hg_over.png) no-repeat;
}

a.lienPhoto:hover div.photo_hautM {
	background: #DDDDE2 url(../images/photos_videos/images_photo/photo_bande_haut_over.png) repeat-x;
}

a.lienPhoto:hover div.photo_hautD {
	background: #DDDDE2 url(../images/photos_videos/images_photo/photo_coin_hd_over.png) no-repeat;
}


a.lienPhoto:hover div.photo_in {
	background: #DDDDE2 url(../images/photos_videos/images_photo/fond_photo_over.png) repeat-y;
}

a.lienPhoto:hover div.photo_basG {
	background: #DDDDE2 url(../images/photos_videos/images_photo/photo_coin_bg_over.png) no-repeat;
}

a.lienPhoto:hover div.photo_basM {
	background: #DDDDE2 url(../images/photos_videos/images_photo/photo_bande_bas_over.png) repeat-x;
}

a.lienPhoto:hover div.photo_basD {
	background: #DDDDE2 url(../images/photos_videos/images_photo/photo_coin_bd_over.png) no-repeat;
}

td.colonnePhoto {
	width: 20px;
	height: 150px;
}



div#loadingDiv{
	position: fixed;
	width: 100%;
	height: 100%;
	display: block;
	background: white;
	top: 0;left: 0;
	text-align: center;
	vertical-align: middle;
}

div#loadingIn{
	margin-top: 17%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

span#spanLoading{
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 13px;
	color: gray;
	display: block;
	margin-top: 30px !important;
	padding-top: 30px;
}

span#pourcent{
	text-align: center;
	vertical-align: middle;
	margin-left: 30% !important;
	width: 500px;
	float: left;
	height: 20px;
	display: block;
	border: 1px solid black;
}
span#pourcentFait{
	text-align: center;
	vertical-align: middle;
	height: 100%;
	display: block;
	width: 0%;
	background-color: gray;
}
span#pourcentAFaire{
	text-align: center;
	vertical-align: middle;
	height: 100%;
	display: block;
	width: 100%;
}

span#pourcentage{
	height: 100%;
	text-align: center;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 15px;
	width: 500px;
	margin-top: 10px;
	display: block;
}

/* FIN PHOTO */