@charset "utf-8";
/* CSS pour les bords arrondis des images 
 *
 * Pour 10 images
 *
 */

#imagewrapper1 {
float:right;
position: relative;
margin:5px 10px;
float: left;
padding-bottom:-5px;
}
#imagewrapper1 span {
position: absolute;
z-index: 2;
height: 10px;
width: 10px;
}

#imagewrapper2 {
float:right;
position: relative;
margin:5px 10px;
float: left;
padding-bottom:-5px;
}
#imagewrapper2 span {
position: absolute;
z-index: 2;
height: 10px;
width: 10px;
}


#imagewrapper3 {
float:right;
position: relative;
margin:5px 10px;
float: left;
padding-bottom:-5px;
}
#imagewrapper3 span {
position: absolute;
z-index: 2;
height: 10px;
width: 10px;
}

#imagewrapper4 {
float:right;
position: relative;
margin:5px 10px;
float: left;
padding-bottom:-5px;
}
#imagewrapper4 span {
position: absolute;
z-index: 2;
height: 10px;
width: 10px;
}

#imagewrapper5 {
float:right;
position: relative;
margin:5px 10px;
float: left;
padding-bottom:-5px;
}
#imagewrapper5 span {
position: absolute;
z-index: 2;
height: 10px;
width: 10px;
}

#imagewrapper6 {
float:right;
position: relative;
margin:5px 10px;
float: left;
padding-bottom:-5px;
}
#imagewrapper6 span {
position: absolute;
z-index: 2;
height: 10px;
width: 10px;
}

#imagewrapper7 {
float:right;
position: relative;
margin:5px 10px;
float: left;
padding-bottom:-5px;
}
#imagewrapper7 span {
position: absolute;
z-index: 2;
height: 10px;
width: 10px;
}

#imagewrapper8 {
float:right;
position: relative;
margin:5px 10px;
float: left;
padding-bottom:-5px;
}
#imagewrapper8 span {
position: absolute;
z-index: 2;
height: 10px;
width: 10px;
}

#imagewrapper9 {
float:right;
position: relative;
margin:5px 10px;
float: left;
padding-bottom:-5px;
}
#imagewrapper9 span {
position: absolute;
z-index: 2;
height: 10px;
width: 10px;
}

#imagewrapper10 {
float:right;
position: relative;
margin:5px 10px;
float: left;
padding-bottom:-5px;
}
#imagewrapper10 span {
position: absolute;
z-index: 2;
height: 10px;
width: 10px;
}

.venduLogo {
position: absolute;
z-index: 3;
height: 70px;
width: 70px;
background: transparent url(../images/venduLogo.png) top right no-repeat;
top: -12px;
right: 0;
cursor:pointer;
}

.loueLogo {
position: absolute;
z-index: 3;
height: 70px;
width: 70px;
background: transparent url(../images/loueLogo.png) top right no-repeat;
top: -12px;
right: 0;
cursor:pointer;
}

.venduLogoDetail {
position: absolute;
z-index: 3;
height: 87px;
width: 94px;
background: transparent url(../images/venduLogo2.png) top right no-repeat;
top: -16px;
right: 0;
cursor:pointer;
}

.loueLogoDetail {
position: absolute;
z-index: 3;
height: 87px;
width: 94px;
background: transparent url(../images/loueLogo2.png) top right no-repeat;
top: -16px;
right: 0;
cursor:pointer;
}

.curve1 {
background: transparent url(../images/ImgArrondiHautDroit.png) top right no-repeat;
top: 0;
right: 0;
}
.curve2 {
background: transparent url(../images/ImgArrondiHautGauche.png) top left no-repeat;
top: 0;
left: 0;
}
.curve3 {
background: transparent url(../images/ImgArrondiBasDroit.png) bottom right no-repeat;
bottom: 0px;
right: 0;
}
.curve4 {
background: transparent url(../images/ImgArrondiBasGauche.png) bottom left no-repeat;
bottom: 0px;
left: 0;
}

.curve1Detail {
background: transparent url(../images/ImgArrondiDetailHautDroit.png) top right no-repeat;
top: 0;
right: 0;
}
.curve2Detail {
background: transparent url(../images/ImgArrondiDetailHautGauche.png) top left no-repeat;
top: 0;
left: 0;
}
.curve3Detail {
background: transparent url(../images/ImgArrondiDetailBasDroit.png) bottom right no-repeat;
bottom: 0px;
right: 0;
}
.curve4Detail {
background: transparent url(../images/ImgArrondiDetailBasGauche.png) bottom left no-repeat;
bottom: 0px;
left: 0;
}