﻿#WR_VisionneusePrevNext {
	font-size: 0px;
}

#WR_VisionneuseCadre {
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    background-color: #E8E8E8;
	width: calc(100% - 130px); /* 130px correspond à la taille des boutons */
	max-width: 1132px; /* 1130 est la taille par défaut des images + 2px à cause des border */
}

.WR_VisionneuseImageContainerClass {
	position: absolute;
    width: 100%;
    height: 100%;
	top: 0px;
	left: 0px;
}

.WR_VisionneuseImageContainerClass > img {
	max-width: 100%;
    border-radius: 5px;
}

#WR_VisionneuseContent {
    position: relative;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    background-color: #FFFFFF;
	overflow: hidden;
}

.WR_VisionneuseButton {
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	padding: 20px;
	border: 1px solid #CCCCCC;
	border-radius: 50%;
	color: #333333;
	cursor: pointer;
	position: relative;
}

.WR_VisionneuseChevron {
	position: absolute;
	top: 13px;
	color: #666666;
}

#WR_VisionneuseLeftButton > .WR_VisionneuseChevron { 
	left: 13px;
}

#WR_VisionneuseRightButton > .WR_VisionneuseChevron { 
	left: 16px;
}

.WR_VisionneuseButton:hover {
	background-color: #E8E8E8;
}

.WR_VisionneuseButton.WR_VisionneuseDisabledButton:hover {
	background-color: #FFFFFF;
}

.WR_VisionneuseButton.WR_VisionneuseDisabledButton {
	cursor: not-allowed;
}

#WR_VisionneuseLeftButton {
	margin-right: 10px;
}

#WR_VisionneuseRightButton {
	margin-left: 10px;
}

#WR_GoToButtonsContainer {
	text-align: center;
	padding: 10px;
}

.WR_GoToButtonClass {
    padding: 5px;
    display: inline-block;
    border: 1px solid #AAAAAA;
    border-radius: 50%;
	cursor: pointer;
	margin-right: 5px;
}

.WR_GoToButtonClass:last-child {
	margin-right: 0px;
}

.WR_GoToButtonClass:hover {
    background-color: #E8E8E8;
}

.WR_GotoButtonActive {
	background-color: #CCCCCC;
	cursor: default;
}

.WR_GotoButtonActive:hover {
    background-color: #CCCCCC;
}

#WR_VisionneuseImageContainer {
	position: static;
}

.WR_VisionneuseFond {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
}
