ul#FeteMedievale li#Paysage{
     position:relative;float:center;
     width:100px;height:75px;padding-left:200px;list-style:none;
}
/*permet de créer deux lignes*/
ul#FeteMedievale li#Paysage:nth-child(2n){clear:left;}

ul#FeteMedievale li#Portrait{
     position:relative;float:center;
     width:100px;height:133px;padding-left:200px;list-style:none;
}
/*permet de créer deux lignes*/
ul#FeteMedievale li#Portrait:nth-child(2n){clear:left;} 

ul#FeteMedievale li#Portrait2{
     position:relative;float:center;
     width:100px;height:133px;padding-left:200px;list-style:none;
}
/*permet de créer deux lignes*/
ul#FeteMedievale li#Portrait2:nth-child(2n){clear:left;}

ul#FeteMedievale li#Portrait3{
     position:relative;float:center;
     width:100px;height:155px;padding-left:200px;list-style:none;
}
/*permet de créer deux lignes*/
ul#FeteMedievale li#Portrait3:nth-child(2n){clear:left;} 
          
ul#FeteMedievale li#Paysage a{
     display:block;overflow:hidden;
     width:100px;height:75px;
     margin-top:20px;margin-left:-200px;
     border:1px solid rgba(0,0,0,0.7);
     transition-property:width,height,margin,z-index,border;
     transition-duration:0.4s;
}

ul#FeteMedievale li#Paysage a:hover{
     position:absolute;
     width:500px;height:375px;
     margin-top:-56px;margin-left: -206px;
     z-index:100;
     border:6px solid rgba(0,0,0,0.7);
}
          
ul#FeteMedievale li#Paysage a img{
     position:relative;
     width:100px;height:75px;z-index:20;
     transition-property:width,height,z-index;
     transition-duration:0.4s;
}
          
ul#FeteMedievale li#Paysage a:hover img{
     width:500px;height:375px;
     z-index:100;
}

ul#FeteMedievale li#Portrait a{
     display:block;overflow:hidden;
     width:100px;height:133px;
     margin-top:20px;margin-left:-200px;
     border:1px solid rgba(0,0,0,0.7);
     transition-property:width,height,margin,z-index,border;
     transition-duration:0.4s;
}

ul#FeteMedievale li#Portrait a:hover{
     position:absolute;
     width:500px;height:667px;
     margin-top:-56px;margin-left: -206px;
     z-index:100;
     border:6px solid rgba(0,0,0,0.7);
}
          
ul#FeteMedievale li#Portrait a img{
     position:relative;
     width:100px;height:133px;z-index:20;
     transition-property:width,height,z-index;
     transition-duration:0.4s;
}
          
ul#FeteMedievale li#Portrait a:hover img{
     width:500px;height:667px;
     z-index:100;
}

ul#FeteMedievale li#Portrait2 a{
     display:block;overflow:hidden;
     width:100px;height:142px;
     margin-top:20px;margin-left:-200px;
     border:1px solid rgba(0,0,0,0.7);
     transition-property:width,height,margin,z-index,border;
     transition-duration:0.4s;
}

ul#FeteMedievale li#Portrait2 a:hover{
     position:absolute;
     width:500px;height:711px;
     margin-top:-56px;margin-left: -206px;
     z-index:100;
     border:6px solid rgba(0,0,0,0.7);
}
          
ul#FeteMedievale li#Portrait2 a img{
     position:relative;
     width:100px;height:142px;z-index:20;
     transition-property:width,height,z-index;
     transition-duration:0.4s;
}
          
ul#FeteMedievale li#Portrait2 a:hover img{
     width:500px;height:711px;
     z-index:100;
}

ul#FeteMedievale li#Portrait3 a{
     display:block;overflow:hidden;
     width:100px;height:155px;
     margin-top:20px;margin-left:-200px;
     border:1px solid rgba(0,0,0,0.7);
     transition-property:width,height,margin,z-index,border;
     transition-duration:0.4s;
}

ul#FeteMedievale li#Portrait3 a:hover{
     position:absolute;
     width:500px;height:778px;
     margin-top:-56px;margin-left: -206px;
     z-index:100;
     border:6px solid rgba(0,0,0,0.7);
}
          
ul#FeteMedievale li#Portrait3 a img{
     position:relative;
     width:100px;height:155px;z-index:20;
     transition-property:width,height,z-index;
     transition-duration:0.4s;
}
          
ul#FeteMedievale li#Portrait3 a:hover img{
     width:500px;height:778px;
     z-index:100;
}