/* CSS Document */

.texte-page{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000000;
	}
	
.titre{
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FF00FF;
	font-weight: bold;
}
.texte-cadre{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000000;
    text-indent:30px;
}
.texte{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000000;
    /*text-indent:30px;*/
}
.navigation{
	font-family: Jester;
	font-size: 16px;
	color: #0033FF;
	text-decoration: none;
	}
.navigation:hover{
	font-family: Jester;
	font-size: 24px;
	color: #0033FF;
}
.Style2 {
	color: #0000FF;
	font-weight: bold;
}

#pos ul{
width:330px;
height:186px;
margin-right: 0 ;
}
#pos ul li{
list-style:none;
/*float: left;*/
width:330px;
height:186px;
margin:5px;
}
ul li:nth-child(3){
clear:left;
}
#pos ul img{
	position:absolute;
	z-index:30;
	height:186px;
	width:auto;
	margin:0;
	box-shadow:0 0 3px black;
-webkit-transition:all .5s cubic-bezier(.6,2,.4,1);
   -moz-transition:all .5s cubic-bezier(.6,2,.4,1);
    -ms-transition:all .5s cubic-bezier(.6,2,.4,1);
     -o-transition:all .5s cubic-bezier(.6,2,.4,1);
        transition:all .5s cubic-bezier(.6,2,.4,1);
	}
#pos ul li:hover img{
z-index:31;
right: 0;
-webkit-transform: scale(1.6);
   -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
     -o-transform: scale(1.6);
        transform: scale(1.6);
box-shadow:0 0 10px black;
}
#pos ul:hover li:not(:hover) img{
-webkit-filter: grayscale(1) blur(5px);
   -moz-filter: grayscale(1) blur(5px);
    -ms-filter: grayscale(1) blur(5px);
     -o-filter: grayscale(1) blur(5px);
        filter: grayscale(1) blur(5px);
}