/* AM Saumur Visionneuse */

body { font-family: Arial, Helvetica, Verdana, sans-serif;}
#mainContainer {
	background-color: #302d25;
	background-image: url(../images/visionneuse/fond.jpg);
}
#arkoVision_topBar {
	background-color: #f1ecdd;
	border-bottom-color: #FFFFFF;
	background-image: none, -webkit-linear-gradient(0deg,rgba(255,255,255,1.00) 12.04%,rgba(224,213,179,1.00) 98.85%);
	background-image: none, -moz-linear-gradient(0deg,rgba(255,255,255,1.00) 12.04%,rgba(224,213,179,1.00) 98.85%);
	background-image: none, -o-linear-gradient(0deg,rgba(255,255,255,1.00) 12.04%,rgba(224,213,179,1.00) 98.85%);
	background-image: none, linear-gradient(90deg,rgba(255,255,255,1.00) 12.04%,rgba(224,213,179,1.00) 98.85%);
}
#arkoVision_interieur_topBar { padding-left: 150px; }
#arkoVision_uielem_logo {
	left: 23px;
	background-image:none;
}
#arkoVision_uielem_logo a {
	width: 103px;
	height: 67px;
	background-image: url(../images/visionneuse/logo.png);
	background-repeat: no-repeat;
	background-position:center center;
	}
#arkoVision_titre_cote .titre { 
font-family: 'Lobster Two', Arial, Helvetica, Verdana, sans-serif;
color: #000000;
font-size: 24px;
}
#arkoVision_titre_cote .cote { color: #8f876d; }
.ui-slider-horizontal { background-color: #b7ae95!important;
height: 1px !important; }/*
#arkoVision_uielem_zoom .ui-slider-horizontal { background-color: #34332E!important; }*/
#brightnessSlider .ui-slider-handle { background-image: url(../images/visionneuse/luminosite.svg)!important; }
#contrastSlider .ui-slider-handle { background-image: url(../images/visionneuse/contraste.svg)!important; }
#zoomSlider .ui-slider-handle { background-image: url(../images/visionneuse/zoom.svg)!important; }

/************* BOUTONS **********************/

input[type="button"], #ark_close, #arkoVision_alert_contact_close, #arkoVision_toolBox_close, #arkoVision_print_close, .arkoVision_imgErrorClose, #arkoVision_prev, #arkoVision_next, #arkoVision_prevJump, #arkoVision_nextJump, #arkoVision_lotPrev, #arkoVision_lotNext {background-position:center center;
opacity:0.4;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#arkoVision_prev, #arkoVision_next, #arkoVision_prevJump, #arkoVision_nextJump, #arkoVision_lotPrev, #arkoVision_lotNext {opacity:0.7;}
.desactive {opacity:0.2!important;}
input[type="button"]:hover, .ui-slider-handle:hover, #ark_close:hover, #arkoVision_alert_contact_close:hover, #arkoVision_toolBox_close:hover, #arkoVision_print_close:hover, .arkoVision_imgErrorClose:hover, #arkoVision_wikitag_close:hover, #arkoVision_reperesSaisiePopup_close:hover, #arkoVision_prev:hover, #arkoVision_next:hover, #arkoVision_prevJump:hover, #arkoVision_nextJump:hover, #arkoVision_lotPrev:hover, #arkoVision_lotNext:hover  {
background-position:center center!important;
opacity:1;
}

#input_uielem_close { background-image: url(../images/visionneuse/fermer_visionneuse.svg);
background-size:90% 90%;
 }
#input_uielem_diaporama { background-image: url(../images/visionneuse/lecture.svg); }
#input_uielem_toolbox { background-image: url(../images/visionneuse/outils.svg); }
#input_uielem_invert { background-image: url(../images/visionneuse/negatif.svg); }
#input_uielem_lock { background-image: url(../images/visionneuse/deverrouiller.svg); }
#input_uielem_lock.verrouille { background-image: url(../images/visionneuse/verrouiller.svg); }
#input_uielem_rotateL { background-image: url(../images/visionneuse/rotation_gauche.svg); }
#input_uielem_rotateR { background-image: url(../images/visionneuse/rotation_droite.svg); }
#input_uielem_print, #input_uielem_printV2 { background-image: url(../images/visionneuse/print.svg); }
#input_uielem_reset { background-image: url(../images/visionneuse/reset.svg); }
#input_uielem_fullscreen { background-image: url(../images/visionneuse/fullscreen.svg); }
#input_uielem_arkLink { background-image: url(../images/visionneuse/lien_ark.svg); }
#input_uielem_alignL { background-image: url(../images/visionneuse/resize_largeur.svg); }
#input_uielem_alignH { background-image: url(../images/visionneuse/resize_hauteur.svg); }
#input_uielem_alert { background-image: url(../images/visionneuse/signalement.svg); }
#input_uielem_download { background-image: url(../images/visionneuse/telecharger.svg); }
#input_uielem_panier { background-image: url(../images/visionneuse/panier.svg); }
#input_uielem_playerplaypause { background-image: url(../images/visionneuse/pause_sonore.svg); }
#input_uielem_playerplaypause.play { background-image: url(../images/visionneuse/lecture_sonore.svg); }
#input_uielem_volume { background-image: url(../images/visionneuse/volume.svg); }
/*#input_uielem_signaletikCacheReperes { background-image: url(../images/visionneuse/signaletik.png); }*/

.arkoVision_lien_detail { background-image: url(../images/visionneuse/afficher_info.svg); }
.arkoVision_lien_detail.cache { background-image: url(../images/visionneuse/masquer_info.svg); }
#ark_close, #arkoVision_alert_contact_close, #arkoVision_toolBox_close, #arkoVision_print_close, .arkoVision_imgErrorClose { background-image: url(../images/visionneuse/fermer.svg); }/*
#arkoVision_toolBox_move { background-image: url(../images/visionneuse/barre_deplacement.gif); }*/

/************* FERMETURE BANDEAU HAUT **********************/
#arkoVision_barToggleButton_top, #arkoVision_barToggleButton_bottom, #arkoVision_lien_detail, #arkoVision_preview_toggleButton {background-color:#949d00;
border-radius:0 0 24px 24px;
background-position:center center;
background-size:70% 70%;
}
#arkoVision_barToggleButton_bottom {border-radius:24px 24px 0 0;}
#arkoVision_lien_detail {border-radius:0 24px 24px 0;}
#arkoVision_barToggleButton_top:hover, #arkoVision_barToggleButton_bottom:hover, #arkoVision_lien_detail:hover, #arkoVision_preview_toggleButton:hover {background-color:#777e00;
background-position:center center!important;
}
#arkoVision_barToggleButton_top, #arkoVision_barToggleButton_bottom.cache, #arkoVision_preview_toggleButton { background-image: url(../images/visionneuse/masquer_bandeau.svg); }
#arkoVision_barToggleButton_top.cache, #arkoVision_barToggleButton_bottom, #arkoVision_preview_toggleButton.cache { background-image: url(../images/visionneuse/afficher_bandeau.svg); }

#arkoVision_vignette { /* CARTOUCHE LOUPE */
	background-color : rgb(255,255,255);
	filter: Alpha(opacity='90');
	background-color: rgba(233,226,202,0.90);
}

#arkoVision_vision, #navigatorRectangle { /* ZONE ROLLOVER */
	background-color : rgb(171,181,0)!important; 
	filter: Alpha(opacity='40')!important;  
	background : rgba(171,181,0,0.4)!important; 
}

#arkoVision_loadImg {font-style: italic;}

#arkoVision_pagination, #arkoVision_navigationLot {
	background-color: #e7dec3;
	color : #8f8871;
	background-image: none;
}
input[type="text"], textarea { color : #686e00; }
#arkoVision_prev, #arkoVision_lotPrev { background-image: url(../images/visionneuse/precedent.svg); }
#arkoVision_next, #arkoVision_lotNext { background-image: url(../images/visionneuse/suivant.svg); }
#arkoVision_prevJump { background-image: url(../images/visionneuse/premier.svg); }
#arkoVision_nextJump { background-image: url(../images/visionneuse/dernier.svg); }

#arkoVision_bottomBar, .imgThumb_number, .imgThumb_div { background-color: #5f6317; }
.imgThumb_button { background-color: #949d00; }

#arkoVision_infoPanel {
	background-color : #e6e2d6;
	border-right-color: #e6e2d6;
	background-image: -webkit-linear-gradient(270deg,rgba(201,194,172,1.00) 0%,rgba(230,226,214,1.00) 100%), url(url);
	background-image: -moz-linear-gradient(270deg,rgba(201,194,172,1.00) 0%,rgba(230,226,214,1.00) 100%), url(url);
	background-image: -o-linear-gradient(270deg,rgba(201,194,172,1.00) 0%,rgba(230,226,214,1.00) 100%), url(url);
	background-image: linear-gradient(180deg,rgba(201,194,172,1.00) 0%,rgba(230,226,214,1.00) 100%), url(url);
}

/************* ALERTE *******************/
#arkoVision_ark, #arkoVision_alert_contact, #popup_panier, .arkoVision_imgErrorDiv { background-color : #b6b98b; }
#arkoVision_alert_contact h3, #popup_panier h3, .arkoVision_imgErrorDiv p {
	font-family: 'Lobster Two', Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	color: #ffffff;
	font-size:24px;
	line-height:normal;
}
label {
	color: #7e805d;
	font-weight:bold;
	font-size: 14px!important;
}
#bouton_envoyer {
	background-color: #949d00;
	font-family: 'Lobster Two', Arial, Helvetica, Verdana, sans-serif;
font-weight: 400;
	font-size: 18px;
	border-radius:5px;
}
#bouton_envoyer:hover { background-color: #6f7600; }

/************* OUTILS *******************/
#arkoVision_toolBox {
	background-color: #f1ecdd;
	background-image: none, -webkit-linear-gradient(0deg,rgba(255,255,255,1.00) 12.04%,rgba(224,213,179,1.00) 98.85%);
	background-image: none, -moz-linear-gradient(0deg,rgba(255,255,255,1.00) 12.04%,rgba(224,213,179,1.00) 98.85%);
	background-image: none, -o-linear-gradient(0deg,rgba(255,255,255,1.00) 12.04%,rgba(224,213,179,1.00) 98.85%);
	background-image: none, linear-gradient(90deg,rgba(255,255,255,1.00) 12.04%,rgba(224,213,179,1.00) 98.85%);
}
#arkoVision_copyright_text {
	right: -105px;
top:340px;
}

/************* BOUTON *******************/
.bouton a {
	font-family: 'Roboto Condensed', Helvetica, Arial, Verdana, sans-serif;
	font-weight: 400;
	padding: 7px 12px;
	font-size: 18px;
	background-color: #009fe3;
	border: 1px solid #e6eaec;
	box-shadow: 3px 3px 7px rgba(134,143,158,0.4);
	-webkit-box-shadow: 3px 3px 7px rgba(134,143,158,0.4);
}
.bouton a:hover, #btn_ajout_annot:hover {background-color: #00b3ff;}

/************* ANNOTATION *******************//*
#arkovision_nb_annot { background-color: #173332; }
#arkovision_nb_annot:hover { background-color: #00201F; }
#arkoVision_infoPanel_annotContainer em {
    color: #112423;}
	
/************* TABLEAU ANNOTATION *******************//*
th {
	font-family: 'Cabin Condensed', Arial, Helvetica, Verdana, sans-serif;
	font-weight: 700;
	color: #000000;
	border-bottom-color: #D3E7E6;
}
table tr:nth-child(odd) { background-color : #d8ebea; }
.btn_modifier_annot { background-image: url(../images/visionneuse/modifier_annotation.png); }
#btn_ajout_annot { 
font-family: 'Cabin Condensed', Arial, Helvetica, Verdana, sans-serif;
	font-weight:400;
 font-size: 14px;
 background-color: #007f7a; }
#btn_ajout_annot:hover { background-color: #005552; }

/************* EXPOS VIRTUELLES *******************//*
#arkoVision_infoPanel_textContainer h1 {
	font-family: 'Playfair Display', Times, "Times New Roman", serif;
font-size: 22px;
line-height:none;
}
h2 {
	color: #72757b;
	font-family: 'Roboto Condensed', Helvetica, Arial, Verdana, sans-serif;
	font-weight: 700;
    font-size: 19px;
	text-align:left;
}
h3 {
	font-family: 'Roboto Condensed', Helvetica, Arial, Verdana, sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: #525864;
	text-align:left;
}
#arkoVision_infoPanel_textContainer {text-align:left;}/*
.imgThumb_div {
	width: 180px;
	font-family: 'Cabin Condensed', Arial, Helvetica, Verdana, sans-serif;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 15px;
	 }

/************* VOLUME *******************//*
.jp-volume-bar {
	background-color: #e0e5e8;
	border: 1px solid #e0e5e8;
}
.jp-volume-bar-value { background-color: #0072a3; }

/************* PALEO *******************//*
.lien_paleo { background-image: url(../images/visionneuse/signaletik_paleo.png)!important; }
#signaletikDescrConteneur h3 {
	background-image:url(../images/visionneuse/signaletik_paleo.png);
	background-repeat:no-repeat;
	padding-left:50px;
	padding-top:5px;
	min-height:27px;
}
#signaletikDescrConteneur h3 img {display:none;}

/************* DIAPO TEXTE *******************/
#arkoVision_textContainer h1 {
	font-family: 'Lobster Two', Arial, Helvetica, Verdana, sans-serif;
	font-size: 36px;
	font-weight: normal;
	color: #d9d4cb;
	margin-top: 10px;
	margin-bottom: 15px;
	text-align:left;
}
#arkoVision_textContainer 	h2 {
	color: #aca699;
	font-family: 'Lobster Two', Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
    font-size: 25px;
    margin-top: 30px;
    margin-bottom: 10px;
	text-align:left;
}
#arkoVision_textContainer p {
text-align: justify;
font-size: 16px;
line-height: 20px	;
}

/************* VOLET GAUCHE *******************/
#arkoVision_infoPanel_textContainer {padding-top: 100px;}
#arkoVision_infoPanel_textContainer div.Sect p {
	line-height:normal;
	margin: 0px;
	color: #393833;
}

/************* POLICES GOOGLEFONT **********************/
@font-face {
  font-family: 'Lobster Two';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster Two'), local('LobsterTwo'), url(fonts/lobster_two_400.woff) format('woff');
}
@font-face {
  font-family: 'Lobster Two';
  font-style: normal;
  font-weight: 700;
  src: local('Lobster Two'), local('LobsterTwo'), url(fonts/lobster_two_700.woff) format('woff');
}