
.classIcon
{
	height:80px;
	width:80px;
}

.classDecoApp
{
	position:absolute;
	z-index:0;
	text-align: left;
	top:-2px;
	left:-16px;
	right:0px;
}


.classBoxContentApp
{
	position:relative;
	margin-bottom:0px;
	text-align:left;
	padding-top:20px;
	padding-left:40px;
	padding-right:40px;
}

.classColumnReal
{
	display:table-cell;
	width:50%;
	min-width:50%;
	padding:20px;
}

/* colonne texte pour un div à 3 colonnes*/
.classColumn1
{
	display:table-cell;
	position:relative;
	padding:20px;
	text-align:center;
	vertical-align:top;
	color:rgb(0,0,0);
	font-weight:bold;
}


.classColumn2
{
	display:table-cell;
	position:relative;
	width:350px;
	min-width:350px;
	text-align:left;
	vertical-align:top;
	color:rgb(0,0,0);
	font-weight:bold;
}

.classColumn2Bis
{
	display:table-cell;
	position:relative;
	width:200px;
	padding:20px;
	text-align:left;
	vertical-align:middle;
	color:rgb(0,0,0);
	font-weight:bold;
}

.classColumn3
{
	display:table-cell;
	position:relative;
	width:100px;
	padding:20px;
	text-align:center;
	vertical-align:top;
}

.classColumn4
{
	display:table-cell;
	position:relative;
	width:100px;
	padding:20px;
	text-align:center;
	vertical-align:top;
}

.classImageIconLarge
{
	height:120px;
	width:120px;
}

/* image avec encadrement shadow*/
.classImg {
	position:relative;
	top:0px;
	left:0px;
	margin-left:auto;
	margin-right:auto;
}

.classImgShadow {
	padding:5px;

	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 0px 0px 5px rgba(255,255,255,1);
	-o-box-shadow: 0px 0px 5px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 0px 5px rgba(255,255,255,1);
	box-shadow: 0px 0px 5px rgba(255,255,255,1);
}

.classScreenshot
{
	position:relative;
	display:table-cell;
	padding:20px;
}

/* Titre application*/
.classButtonMore
{
	width:100px;
	min-width:100px;
	height:100px;
	min-height:100px;
	background: url('../Images/MoreButton.png') no-repeat;
}

.classButtonMore:hover
{
	background: url('../Images/MoreButtonHover.png') no-repeat;
    cursor: pointer;
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
}

.classButtonLess
{
	width:100px;
	min-width:100px;
	height:100px;
	min-height:100px;
	background: url('../Images/LessButton.png') no-repeat;
}

.classButtonLess:hover
{
	background: url('../Images/LessButtonHover.png') no-repeat;
    cursor: pointer;
    transition: background 1.2s;
    -moz-transition: background 1.2s;
    -webkit-transition: background 1.2s;
    -o-transition: background 1.2s;
}

