/* =============================================================================
   EFFET DE ROLLOVER SUR LES LIENS
   ========================================================================== */
a { 
	color: #ea8f00; 
	text-decoration: none; 
	outline: 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition:all 1s ease;
}
a:hover {
	color: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
p a, p a:visited { line-height: inherit; }

a img {
	opacity: 1;
	-webkit-transition:opacity 1s ease;
	-moz-transition:opacity 1s ease;
	-o-transition:opacity 1s ease;
	transition:opacity 1s ease;	
}
a:hover img {
	zoom: 1;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-webkit-transition:opacity 0.3s ease;
	-moz-transition:opacity 0.3s ease;
	-o-transition:opacity 0.3s ease;
	transition:opacity 0.3s ease;
}
.no-transition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: all 0 ease !important;
	transition: none !important;
}


/* =============================================================================
   EFFET DE ROLLOVER SUR LES SCREENS
   ========================================================================== */
.screen {
   width: 100%;
   height: auto;
   float: left;
   position: relative;
   text-align: center;      
   cursor: pointer;	
	 border: 1px solid transparent;
}
.screen .pic {
	width: 100%;
	opacity: 1;
	display: block;
	position: relative;
	border: 1px solid #e7d8c8;	 
		-webkit-box-shadow: 1px 2px 10px #000;
		-moz-box-shadow: 1px 2px 10px #000;
		box-shadow: 1px 2px 10px #000;
	-webkit-transition: all 0.1s linear;
		-moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
		transition: all 0.1s linear;
}
.screen .more {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left:-30px;
	margin-top:-30px;   
	z-index:3;
	opacity: 0;
	-webkit-transition: all 0.1s linear;
		-moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
		transition: all 0.1s linear;
}

.screen:hover {	
	border: 1px solid #E0CFB6;
}
.screen:hover .pic {	
	opacity: 0.3;
	-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
		transition: all 0.2s linear;
}

.screen:hover .more {
   opacity: 1;
	-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
		transition: all 0.2s linear;
}