body{
	background-color:#2B3134;
	font-size:12px;height:100%;
	min-height:100%;margin:0;
	padding:0;position:relative;
	overflow:hidden;
	-moz-user-select:-moz-none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-o-user-select:none;
	user-select:none;

	/*modif yvan variables*/
	--main-bg-color: #b1b6c0;
	--main-p-color: #364653;

	/* var(--main-bg-color);
	var(--main-p-color); */

}
::selection:not(textarea, input){background:transparent;color:inherit}
::-moz-selection:not(textarea, input){background:transparent;color:inherit}
:focus,a:active,a:hover{outline:0}
h1, h2, h3{ font-weight:700; margin:10px 0}
h1{ font-size:130%}
h2{ font-size:120%}
h3{ font-size:110%}
p{ margin:10px 0}
textarea{resize:none}
fieldset{border:none;border-top:1px solid #7F7F7F;margin:0 2px;padding:.35em .625em .75em}
.bodyMove{cursor:grab;cursor:-webkit-grab;cursor:-moz-grab}
.bodyMoving{cursor:grabbing;cursor:-webkit-grabbing;cursor:-moz-grabbing}
.bodyCrop, .bodyCropPrint{cursor:crosshair}
#fond_gris{background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;width:100%;height:100%}
.alert-message{position:relative;top:0;width:calc(100% - 20px);padding:10px;background-color:#a0d3e8;border:1px solid #74bfdd;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;box-shadow:0px 0px 5px #333333;display:block;z-index:10;text-align:center}
form .alert-message{padding:2px; width:calc(100% - 2px)}
.alert-message p{margin:5px 0;text-align:center}
.alert-message b{font-weight:700}
.success{background-color:#43AC6A;border-color:#3a945b;color:#fff}
.error{background-color:#f04124;border-color:#de2d0f;color:#fff}
.notification{background-color:#f08a24;border-color:#de770f;color:#fff}
.close-button{position:absolute;color:#fff;cursor:pointer;background:none;border:none;border-radius:0;line-height:1;padding:0;top:0.5rem;right:0.5rem;font-size:2em;line-height:1}
.fa{cursor:pointer}
.hide{display:none}
#visualiseur_impression .left:hover, #visualiseur_impression .right:hover{color:#58A12E}
/* modif yvan */
.visu_header {
	background-color: var(--main-bg-color);
	color: var(--main-p-color);
	padding: 0;
	width: 100%;
	height: 35px
}
.visu_logo{width:110px;display:inline-block;vertical-align:top}
.visu_logo>img{display:block;margin:0 auto}

.decoupage_annee{display:inline-block;margin:2px 0 2px 10px;width:200px}
.decoupage_annee form{width:60px;margin:5px 10px 5px 0 ;vertical-align:top;display:inline-block}
.decoupage_annee .select_style{}
.decoupage_annee .decoupage_annee_btn{display:inline-block;width:120px}
.decoupage_annee .fa:before{margin-right:2px}
.decoupage_annee span{text-decoration:underline;cursor:pointer}
.infos_decoupage{float:right;width:110px}
.infos_decoupage a{color:#fff}

.decoupage_annee_dialog{}
.decoupage_annee_dialog form{border-bottom:1px solid #666;position:relative;margin:5px 0 10px;padding:5px 0}
.decoupage_annee_dialog form span{margin:5px 0}
.decoupage_annee_dialog .decoupage_informations{position:absolute;right:0;top:10px;cursor:pointer;text-decoration:underline}
.decoupage_annee_dialog input[type="submit"]{position:absolute;right:0;bottom:10px}
.decoupage_annee_dialog ul{list-style:none}
.decoupage_annee_dialog p{margin:3px 0}
.decoupage_annee_dialog .alert-message{display:inline-block}
.decoupage_informations_dialog .infos_cadre{border:1px solid #222;background-color:#ddd;padding:10px;margin:20px 10px}
.decoupage_informations_dialog .infos_cadre h1{text-align:center}
.decoupage_informations_dialog .infos_cadre ul{margin-left:20px}

.liste_resultat{width:calc(100% - 350px);padding:6px 0;display:inline-block;vertical-align:top}
#screenshot{position:relative;overflow:hidden}
.liste_resultat form,.liste_resultat select{width:100%}
select option{padding:2px 4px;background-color:#444;color:#fff}
.select_style{background-color:#444;background-image:url(../images/select.png);background-repeat:no-repeat;background-position:center right;width:100%;display:inline-block;overflow:hidden}
.select_style select{background:transparent;border:none;border-radius:0;color:#fff;font-size:13px;height:20px;line-height:1;width:calc(100% + 17px)}

.visu_content{background-color:#2B3134;outline:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;height:calc(100vh - 71px)}

.visu_content, .visu_images, #bar_hide{transition:all 0.5s ease}

.visu_content.full{width:calc(100% - 6px);margin-left:6px}
.visu_content .visu_images.full{left:-160px !important}

.visu_content.previsu{}
.visu_content.previsu .visu_images > div{width:250px !important;display:inline-block;margin:5px}
.visu_content.previsu .div_image{width:250px !important;height:auto !important}
.visu_content.previsu .div_image img{width:250px !important;height:auto !important}
.visu_content.previsu .div_image img, .visu_content.previsu .div_image span{cursor:pointer}
.visu_content.previsu #visu_previsu, .visu_content.previsu #visu_pagination{display:none}
.visu_content.previsu .visu_num_vue{opacity:1}

.visu_content.scroll{}

.visu_content.single{}
.visu_content.single .visu_images{width:155px;position:absolute !important;left:0;overflow:auto;cursor:default}
.visu_content.single .visu_images .div_image{width:130px !important;height:auto !important;margin:5px auto}
.visu_content.single .visu_images .div_image img{width:130px !important;height:auto !important;opacity:0.6}
.visu_content.single .visu_images .div_image.active img, .visu_content.single .div_image:hover img{opacity:1}
.visu_content.single .visu_images .div_image *{cursor:pointer}

.visu_content #visu_image_single{position:absolute;right:0;width:calc(100% - 160px);height:calc(100vh - 71px);overflow:auto;display:none;text-align:center}

.visu_content.single #visu_image_single{left:160px;display:inline}
.visu_content.single #visu_image_single.full{width:calc(100% - 6px);left:6px !important}
.visu_content.single #visu_image_single > div{width:auto;display:inline-block}
.visu_content.single #visu_image_single img{display:block;width:auto;height:100%;margin:0 auto}
.visu_content.single .visu_num_vue{opacity:1}
#bar_hide {
	/*modif yvan */
	background: var(--main-bg-color);
	cursor: pointer;
	height: 100%;
	z-index: 9;
	right: -10px;
	position: absolute;
	top: 35px;
	width: 5px;
	border: 3px solid #000;
	display: none
}
.visu_content.single #bar_hide{left:155px;display:block}
.visu_content.single #bar_hide:hover{width:10px}
.visu_content.single #bar_hide span:before{color:#3a3a3a;font-size:14px;left:0;position:absolute;top:50%;width:100%;text-align:center}
.visu_content.single #bar_hide.full{left:0}
.visu_content.single .visu_images .visu_num_vue{width:50%}
.visu_content.single .visu_images .indexation_collaborative, .visu_content.single .visu_images .recherche_collaborative{display:none !important}

.visu_images{text-align:center;margin:0 auto;overflow:auto;height:calc(100vh - 71px)}

/*.visu_images > div{width:100%;margin:15px auto}*/
.visu_images > div{width:100%;margin:0 auto -15px}
.visu_images > div:first-child{margin-top:0px}
.visu_images > div:last-child{margin-bottom:0px}
.single .visu_images > div{width:auto !important;height:auto !important;display:inline-block}
.visu_images #lasso{position:absolute;background:rgba(255,223,49,0.5);padding:0;margin:0;border:1px transparent #FFDA8C;z-index:30}
.div_image, .div_image_single{display:inline-block;margin:0 auto;position:relative;text-align:center;height:calc(100vh - 71px);width:auto} /*100%*/

.div_image.active{z-index:10}
.previsu .div_image:hover > img.lazyloaded{z-index:11}
.div_image > img.lazyloaded{
	box-shadow:0 0 55px;
}
.div_image img, .div_image_single img{transition:filter 0.5s, -webkit-filter 0.5s}

.visu_images.tuiles > div{display:inline}
.visu_images.tuiles .div_image{border:1px solid #555;color:#fff;padding:10px 10px 25px;cursor:pointer;margin:5px}
.visu_images .visu_num_vue{opacity:0;background:rgba(0, 0, 0, 0.3) none repeat scroll 0 0;color:#ddd;width:30%;display:inline-block}
.lazy{
	/*animation: lazy_animated 1s infinite;*/
	/*animation-direction: alternate;*/
	/*animation-timing-function: ease-in-out;*/
	/*background-size: 100px 100px;*/
	/*background-image: radial-gradient(#0008, #0008, #0000, #0000, #0000);*/
	/*opacity: 1;*/
	/*background-repeat: no-repeat;*/
	/*background-position: center;*/
}
@keyframes lazy_animated {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
.visu_images img.lazy{width:100%;height:100%;margin:0 auto;display:block;text-align:center}

.visu_images img.lazyloaded{width:auto !important;height:100%}


#lasso_img{position:absolute;background:rgba(255,223,49,0.5);padding:0;margin:0;border:1px transparent #FFDA8C;z-index:30}

/*.visu_images .lazy_tuile{background:url(../../console/images/loading2.gif) no-repeat 50% rgba(0,0,0,0.2)}*/
.visu_previsu{position:fixed;top:45px;right:30px;width:100px;background-color:#333;border:1px solid #555;z-index:20}
.visu_previsu #lasso{border:1px dotted #fd1d1d;position:absolute;top:0;left:0;padding:0;margin:0;z-index:30;width:100%;height:100%}
.visu_previsu img{width:100%;z-index:10;display:block}

#visu_pagination{z-index:10;width:45px;height:13px;padding:8px;background:rgba(0,0,0,0.5);color:#ddd;/*border:1px solid #555;*/position:fixed;right:20px;top:calc(50% - 7px);text-align:center;border-radius:90px;transition:all 0.2s ease}
#visu_pagination:hover{opacity:0.5;filter:blur(5px);-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px)}

.tuile{position:absolute;display:inline-block;margin:0 !important;padding:0 !important}
.visu_images .tuile img{width:100% !important;height:100% !important}

#planche{display:none;content:" ";height:100%;left:0;position:fixed;top:0;width:100%}

#contextMenu{z-index:20;width:137px}

.visu_copyright{z-index:10;background:rgba(0,0,0,0.5);/*border:1px solid #555;*/bottom:60px;color:#FFF;display:inline;margin:0 2%;padding:3px 15px;position:fixed;text-align:center;width:calc(95% - 30px);border-radius:90px}
.visu_copyright a{color:#fff}
.single .visu_copyright{left:160px;width:calc(95% - 190px)}
.visu_copyright .close{font-size:10px;cursor:pointer;height:17px;padding:3px 0 0;position:absolute;right:5px;top:0;width:15px;transition:0.2s ease}
.visu_copyright .close:hover{opacity:0.5}
/*modif yvan */
.visu_footer{
	background-color: var(--main-bg-color);
	padding:0;
	width:100%;
	height:35px;
	border-top:1px solid #b5b5b5;
	color: var(--main-p-color);
}
/*modif yvan */
.visu_outils{
	--visu_outils-pxWidth: 300px;
	float:left;
	/* max-width:830px; */
	max-width: calc(100% - var(--visu_outils-pxWidth));
	/* width:auto; */
	width: 100%;
	position:relative;
}
.visu_outils ul{width:auto;display:block;margin-left:5px;height:35px}
.visu_outils li{display:inline-block;vertical-align:top;position:relative}
.visu_outils .fa{text-align:center;font-size:2px;padding:0 1px;width:25px;height:25px;margin:5px 0}
.visu_outils .fa:before{font-size:25px;transition:0.2s ease}
.visu_outils .outils_zoom_select{padding:8px 2px}
/*modif yvan */
.visu_outils_navigation{
	float:right;
	max-width: var(--visu_outils-pxWidth);
	width:auto;
	text-align:right;
}
#outils_aide{
	float: right;
}
.visu_navigation > li:last-child {
	margin-top: 11px;
	margin-right: 2px;
	border: 0;
	font-size: 0.8em;
}

#zoom_in, #outils_impression, #outils_conserve_reglages, #outils_album, #outils_erreur, #outils_previsu_zoom{border-left:1px solid #5F5F5F;padding-left:5px}
#outils_recherche{border-right:1px solid #5F5F5F}
#outils_impression, #display_tuile{overflow:hidden}

#outils_affichage{margin:5px 0}
#outils_affichage .fa-mouse-pointer:before{
	font-size:7px;
	/*modif yvan */
	color:var(--main-p-color);
}
#outils_affichage .fa-mouse-pointer{position:absolute;top:5px;left:17px;margin:0;padding:0;width:1px;height:1px}
#outils_affichage:hover .fa-mouse-pointer{animation:3s ease 0s normal none infinite running movemouse}


#outils_previsu_zoom{margin:5px 0}
#outils_previsu_zoom .fa-square:before{font-size:7px;color:#606060}
#outils_previsu_zoom .fa-square{position:absolute;top:2px;left:24px;margin:0;padding:0;width:1px;height:1px}
#outils_previsu_zoom:hover .fa-square{animation:1s ease 0s normal none infinite running blink}

/*#display_previsu:hover .fa-bord.ecran{border-color:#606060}*/
/*#display_previsu .fa-bord{position:absolute;border:2px solid #606060;border-radius:2px}*/
/*#display_previsu .fa-bord.ecran{width:27px;height:20px;top:0px;left:0px}*/
/*#display_previsu .fa-bord.previsu{width:10px;height:7px;top:3px;left:3px}*/
/*#display_previsu.active .fa-bord.ecran{border-color:#eee}*/

#outils_impression{cursor:pointer;width:29px;height:25px;margin:5px 0}
#outils_impression .fa-printer{
	position:absolute;
	/*modif yvan */
	background:var(--main-p-color);
}
#outils_impression .fa-printer.left{width:6px;height:09px;top:12px;left:5px;border-radius:5px 0 0}
#outils_impression .fa-printer.center{width:17px;height:4px;top:15px;left:11px}
#outils_impression .fa-printer.right{width:6px;height:09px;top:12px;right:0px;border-radius:0 4px 0 0}
#outils_impression .fa-printer.btn{background:#fff;width:2px;height:2px;border-radius:5px;top:14px;right:2px}
#outils_impression > .fa-file-o:before{position:absolute;top:2px;left:11px;font-size:20px}
#outils_impression:hover .fa-file-o:before{animation:1.5s ease 0s normal none infinite running print}
#outils_impression:hover .fa-printer.btn{animation:1s ease 0s normal none infinite running printbtn}
#outils_impression .fa-angle-left{font-size:0px}

#print_infos_multi,
#print_infos_all,
#print_infos_ready{
	display: none;
}

.print_details{
	font-size: 10px;
}

#display_previsu:hover .fa-bord.previsu{animation:1.5s ease 0s normal none infinite running previsu}

#outils_calendrier{margin:5px 0}
#outils_calendrier .fa-mouse-pointer:before{
	font-size:7px;
	/*modif yvan */
	color: var(--main-p-color);
}
#outils_calendrier .fa-mouse-pointer{position:absolute;top:11px;left:10px;margin:0;padding:0;width:1px;height:1px}
#outils_calendrier:hover .fa-mouse-pointer{animation:3s ease 0s normal none infinite running movemousecal}

#outils_iptc .text.iptc{position: absolute; top: 13px; left: 5px; margin: 0; padding: 0; font-size: 8px; font-weight: bold; font-style: italic;}

#outils_plein_ecran{cursor:pointer;width:29px;height:24px;margin:5px 0}
.visu_outils .fa, #outils_plein_ecran span{transition:all 0.2s;-webkit-transition:all 0.2s}
#outils_plein_ecran .corner{
	position:absolute;
	height:6px;
	width:6px;
	border-radius:2px;
	/*modif yvan */
	border-color: var(--main-p-color);
	border-style:solid}
#outils_plein_ecran .corner.nw{border-width:3px 0 0 3px;top:1px;left:5px}
#outils_plein_ecran .corner.ne{border-width:3px 3px 0 0;top:1px;left:20px}
#outils_plein_ecran .corner.se{border-width:0 3px 3px 0;top:15px;left:20px}
#outils_plein_ecran .corner.sw{border-width:0 0 3px 3px;top:15px;left:5px}
#outils_plein_ecran .line{
	position:absolute;
	/*modif yvan */
	background-color: var(--main-p-color);
	width:3px;
	height:10px;
	border-radius:3px
}
#outils_plein_ecran .line.nw, #outils_plein_ecran .line.se{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#outils_plein_ecran .line.ne, #outils_plein_ecran .line.sw{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#outils_plein_ecran .line.nw{top:1px;left:8px}
#outils_plein_ecran .line.ne{top:1px;left:22px}
#outils_plein_ecran .line.se{top:14px;left:22px}
#outils_plein_ecran .line.sw{top:14px;left:8px}
#outils_plein_ecran:hover .line{height:21px}
#outils_plein_ecran:hover .line.nw, #outils_plein_ecran:hover .line.se{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
#outils_plein_ecran:hover .line.ne, #outils_plein_ecran:hover .line.sw{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}
#outils_plein_ecran:hover .line.nw{top:1px;left:5px}
#outils_plein_ecran:hover .line.ne{top:-8px;;left:17px}
#outils_plein_ecran:hover .line.se{top:2px;left:26px}
#outils_plein_ecran:hover .line.sw{top:12px;left:15px}
#outils_plein_ecran:hover{transform:scale(1.3);}


.fa-rotate-left:before{transform:rotate(45deg)}
.fa-rotate-left:hover:before{animation:1.5s ease 0s normal none infinite running rotate}
.fa-rotate-right:before{transform:rotate(-45deg)}
.fa-rotate-right:hover:before{animation:1.5s ease 0s normal none infinite running rotateright}
.fa-refresh:hover:before{transform:rotate(180deg)}
.fa-adjust:hover:before{transform:rotateY(180deg)}
.fa-unlock:hover:before{content:"\f023"}
.fa-lock:hover:before{content:"\f09c" !important}
.fa-search-plus:hover:before{transform:scale(1.3)}
.fa-search-minus:hover:before{transform:scale(0.7)}
.fa-exclamation-triangle:hover:before{animation:2s ease 0s normal none infinite running flash}
.fa-question-circle:hover:before{animation:1.5s ease 0s normal none infinite running wrench}
.fa-star:hover:before{animation:1.5s ease 0s normal none infinite running tada}
.fa-th.active:before{transform:scale(1)}
.fa-th:before{transform-origin:1px 1px}
.fa-th:hover:before{animation:1.5s ease 0s normal none infinite running tuile}

@keyframes blink {
	0%,100% {opacity:1}
	50%{opacity:0}
}

@keyframes print {
	0%,100% {top:2px}
	45%{top:35px;opacity:1}
	50%{top:35px;opacity:0}
	51%{top:-30px}
	52%{opacity:1}
}
@keyframes movemouse{
	0%{top:5px;left:17px}
	25%{top:4px;left:9px}
	50%{top:12px;left:27px}
	75%{top:4px;left:22px}
	100%{top:5px;left:17px}
}
@keyframes movemousecal{
	0%{top:11px;left:5px}
	25%{top:23px;left:20px}
	50%{top:16px;left:10px}
	75%{top:11px;left:20px}
	100%{top:11px;left:5px}
}
@keyframes printbtn{
	0%{opacity:1}
	50%{opacity:0}
	100%{opacity:1}
}
@keyframes previsu{
	0%{opacity:1}
	50%{opacity:0}
	100%{opacity:1}
}
@keyframes tuile{
	0%{transform:scale(1)}
	50%{transform:scale(3.7)}
	100%{transform:scale(1)}
}
@keyframes rotate{
	0%{transform:rotate(45deg)}
	50%{transform:rotate(-45deg)}
	100%{transform:rotate(45deg)}
}
@keyframes rotateright{
	0%{transform:rotate(-45deg)}
	50%{transform:rotate(45deg)}
	100%{transform:rotate(-45deg)}
}
@keyframes flash {
	0%, 100%, 50%{opacity:1}
	25%, 75%{opacity:0.2}
}
@keyframes tada {
	0%{transform:scale(1)}
	10%, 20%{transform:scale(0.9) rotate(-8deg)}
	30%, 50%, 70%{transform:scale(1.5) rotate(8deg)}
	40%, 60%{transform:scale(1.5) rotate(-8deg)}
	100%, 80%{transform:scale(1) rotate(0deg)}
}
@keyframes wrench {
	0%{transform:rotate(-12deg)}
	8%{transform:rotate(12deg)}
	10%{transform:rotate(24deg)}
	18%, 20%{transform:rotate(-24deg)}
	28%, 30%{transform:rotate(24deg)}
	38%, 40%{transform:rotate(-24deg)}
	48%, 50%{transform:rotate(24deg)}
	58%, 60%{transform:rotate(-24deg)}
	68%{transform:rotate(24deg)}
	100%, 75%{transform:rotate(0deg)}
}

#keepParams{display:none}

.outils_div{width:130px;color:#3a3a3a;position:relative}
.outils_div h3{margin:0}
.outils_div>div{background:#b1b6c0;border:1px solid #b1b6c0;display:none;font-size:12px;padding:5px;position:absolute;z-index:30;width:220px;text-align:center;box-shadow:0px 0px 136px rgba(0, 0, 0, 0.7);border-radius:4px}
.outils_div .ui-slider-handle{transition:left 0.5s, right 0.5s}
.outils_div .ui-slider-range{transition:width 0.5s}



#div_outils_recherche{bottom:36px;left:0;width:250px}
#div_outils_affichage{bottom:36px;left:0}
#div_outils_rotation{bottom:36px;left:200px}
#div_outils_rotation span{border-radius: 4px;border-color: #364653;}
#div_outils_rotation span:hover{cursor:pointer;color:#364653;background: white; border-radius: 4px;border-color: white;}
#div_outils_lumi_contr_neg{bottom:36px;left:235px}
.controls > input#invert{margin-top:10px; transition:all 0.2s ease;}
.controls > input#invert:hover{transform:scale(1.5)}
#div_outils_impression{bottom:36px;left:162px;width:400px}
#div_outils_impression .ui-dialog-titlebar{position:relative;padding:.4em 1em;background:#b1b6c0;margin-bottom:5px}
#div_outils_impression .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis;text-align:left}
#div_outils_impression .ui-widget-header{border: initial;}
#div_outils_impression .ui-widget{font-size:1em}
#div_outils_impression .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}
#outils_zoom{
	cursor:pointer;
	/*modif yvan */
	border:2px solid var(--main-p-color);
	border-radius:3px;
	height:14px;
	margin-top:4px;
	padding:3px 2px;
	width:90px;
}
#outils_zoom span{
	font-weight:700;
	/*modif yvan */
	color:var(--main-p-color);
}
#outils_zoom i:before{font-size:14px;position:absolute;right:2px}
#div_outils_zoom{bottom:36px;left:110px;width:97px;text-align:left;padding:0;height:182px}
#div_outils_zoom>div{}
#div_outils_zoom ul{margin-left:0}
#div_outils_zoom li{display:block;cursor:pointer}

#div_outils_impression legend{padding:0 15px}

#div_outils_impression label > input{visibility:hidden}
#div_outils_impression label > input + label{cursor:pointer}
#div_outils_impression label > input + span{opacity:0.7}
#div_outils_impression label > input:checked + span{color:white;opacity:1}
label[for=orientation1] > .fa-file-o:before{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
#div_outils_impression .size-label{font-size:12px !important;border:3px dashed transparent;padding:9px 10px 15px}
#div_outils_impression label > input:checked + .size-label{border:1px solid #364653;border-radius: 4px;background: #364653;}
#div_outils_impression #commentaire{border: none;}

#div_outils_impression .format-impression input{visibility:hidden}
#div_outils_impression .format-impression input + label{cursor:pointer;padding:12px;opacity:0.7;border:3px dashed transparent;transition:all 0.2s ease}
#div_outils_impression .format-impression input:checked + label{color:white;opacity:1;border:1px solid #364653; border-radius: 4px; background: #364653;}

#div_outils_impression .zone-label input{display: none;}
#div_outils_impression .zone-label #impression-range{display: initial;}
#div_outils_impression .zone-label input + div > h5{text-transform:uppercase;margin:0px}
#div_outils_impression .zone-label input + div{cursor:pointer;transition:all 0.2s ease;padding:5px;border:3px dashed transparent}
#div_outils_impression .zone-label input:checked + div{color:white;opacity:1;border-radius: 4px ;background: #364653;}
#div_outils_impression .format-impression label:hover:not(#alto_nb_total):not(.ui-dialog-title){background: white; color: #364653; border:1px solid white; border-radius: 4px;opacity:1;}
#div_outils_impression .zone-label .range_desc{
	font-size: 10px;
	margin-bottom: 0px;
}

#zone .zone-label:hover:not(#alto_nb_total):not(.ui-dialog-title){cursor:pointer;color:#364653;background: white; border-radius: 4px;border: 1px;}
.print-param span:hover:not(#alto_nb_total):not(.ui-dialog-title){cursor:pointer;color:#364653;background: white; border-radius: 4px;border: 1px;}
.print_infos{color: #e82323; margin-bottom: 2%;}

#div_outils_recherche #inputmots{float:left;border:none;height:19px;padding:0 4px;width:80px}
#div_outils_recherche #load_alto{position:absolute;top:8px;right:7px}
#div_outils_recherche .btn_alto{float:right;width:40px}
#div_outils_recherche .btn_alto span{display:none;width:16px;height:16px;margin:2px 0;vertical-align:top}
#div_outils_recherche span#alto_nb_total{display:inline-block;float:right;width:50px;padding:3px 0}
#div_outils_recherche .btn_alto span#btn_alto_prev{float:left}
#div_outils_recherche .btn_alto span#btn_alto_next{float:right}
#div_outils_recherche .fa:before{font-size:15px}

.surligne_parent{display: block;position: absolute;width: 100%;height: 100%;top: 0%;}
.surligne{position:absolute;background:#1abc9c;opacity:0.3;display:block;z-index:10;cursor:help}
.surligne_parent.active .surligne{background:yellow;border:1px dashed #000}

.outils_div .control-group{transition:background 0.2s ease;display:inline-block;width:220px}
.outils_div .control-group span{border:1px solid #555;display:inline-block;margin-bottom:-.6em;padding:0px;width:90px}
/*.outils_div .control-group:hover{background:#eee}*/

.outils_div .control-group span#previsu_zoom {margin-top:7px;margin-bottom:5px}

#div_outils_affichage .control-group span{border:1px solid #364653; border-radius: 4px;}
#div_outils_affichage .control-group span:hover{cursor: pointer; background: white; color: #364653; border-radius: 4px; border-color: white;}
#div_outils_affichage .active{color:white; background: #364653; border-radius: 4px; border-color: #364653;}
.outils_div #div_outils_lumi_contr_neg {width:160px}
.outils_div #div_outils_lumi_contr_neg .control-group{display:table-cell}
.outils_div .active{color:white; background: #364653;}
.outils_div .slider.ui-slider{border-radius:none;border-color:#3a3a3a;margin:0 auto;}
.outils_div .slider .ui-slider-handle{padding:0;width:15px;height:15px;border-radius:none}

.visu_navigation{width:auto;display:inline-block;margin-right:5px}
.visu_navigation #nav-ten > span, .visu_navigation #nav-ten-back > span {padding-left:10px}
.visu_navigation #nav-ten > span > i:first-child, .visu_navigation #nav-ten-back > span > i:first-child {margin:-10px}
/*modif yvan */
.visu_outils_navigation li{display:inline-block;vertical-align:top;border:0px solid #b5b5b5}
.visu_outils_navigation .fa{font-size:15px;height:15px;margin:5px auto;padding:4px 2px;text-align:center;width:20px}

.fa *{font-family:Roboto,sans-serif!important}
/*.fa.active *{color:#eee}*/
.fa-file-op:before{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}

.visu_outils_navigation .current{height:23px;margin:5px auto;text-align:center}
.current input{
	border:none;
	height:21px;
	text-align:center;
	width:30px;
	/*modif yvan */
	background-color: var(--main-bg-color);
	color:var(--main-p-color)
}
.current span{padding:4px 2px}
.ui-tooltip{font-size:12px;box-shadow:none;border-radius:0}

form .clearfix{display:block}
form .clearfix label{width:100px;display:inline-block}
form .clearfix div{display:inline}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl, .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr, .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{border-radius:0}

.indexation_collaborative{display:none}

/*permet de cacher les éléments qui ne sont pas affiché à l'écran*/
/*.visu_content:not(.single):not(.previsu) .div_image:not(.active) *{display:none !important}*/

.indexation_collaborative li, .recherche_collaborative li {
	z-index:99;
	position:absolute;
	top:0; left:0;
	display:inline-block;
	cursor:pointer;
	filter:drop-shadow(0 0 1px #000);
	transition-duration: 0.5s;
	transform-origin: 50% 0%;
}
.indexation_collaborative li.ui-draggable-dragging, .recherche_collaborative li.ui-draggable-dragging{transition-duration: 0.01s;}
.recherche_collaborative li{z-index:100}
.indexation_collaborative li:hover, .recherche_collaborative li:hover{z-index:200}
.indexation_collaborative li:before, .recherche_collaborative li:before{position:absolute;top:-28px;left:-8px;display:block;height:33px;width:20px;font-size:30px}
.popup.ui-draggable h1, .marque_bleue.ui-draggable, .marque_orange.ui-draggable{cursor:move !important}
.editable{cursor:pointer !important}
.marque_verte:before{color:#04f92c}
.marque_bleue:before{color:#2a2ffc}
.marque_jaune:before{color:#f4fc01}
.marque_mauve:before{color:#cc63a3}
.marque_orange:before{color:#f9c804}
.marque_rose:before{color:#f704f9}
.marque_rouge:before{color:#ff776b}
.indexation_collaborative li.active,.recherche_collaborative li.active{filter:drop-shadow(0 0 3px #fff);z-index:999 !important}
.marque_orange.active:before{color:#ff776b} /*marque_rouge*/
.noinput{border:none;background:none;color:#000}

#form_indexation .clearfix{margin:3px 0;padding: 1px}
#form_indexation label{width:50%;height:15px;font-weight:700}
#form_indexation .clearfix .input input {width:52%;}

#form_indexation .clearfix:nth-child(odd) {background-color: #f0f0f0}

#fond_gris{background:rgba(0,0,0,0.5);top:0;left:0;width:100%;height:100%;z-index:101}

#div_dialog{overflow:visible !important}
#div_popup{position:absolute;top:10px;left:10px;background:#fff;border:1px solid #000;text-align:left;padding:30px 0 0;z-index:200;overflow:hidden}
#div_popup > div:not(.alert-message):not(.ui-resizable-handle){overflow:auto;padding:10px;width:calc(100% - 20px);height:calc(100% - 20px)}

#liste_autocompletion{position:absolute;background:#fff;width:97%;height:auto;border:1px solid #555;top:17px;left:0;z-index:9;list-style:none}
#liste_autocompletion li{cursor:pointer;padding:2px}
#liste_autocompletion li:hover{background:#e4e4e4}

.popup.collaborative{height:400px}
.popup.album{height:200px}
.popup.rapport{height:190px}

.permalien textarea{width:calc(100% - 5px)}

#form_erreur label{margin:5px 0;vertical-align:top}
#form_erreur input[type="text"], #form_erreur textarea{margin:5px 0;width:70%}

#div_popup.notice{margin:0;left:70%;top:50px}

.ui-widget-header{background:#e4e4e4;color:#3a3a3a}

#contextMenu, .ui-tooltip{display:none;position:absolute;background:#E4E4E4 !important;border:1px solid #B5B5B5 !important;color:#3A3A3A !important;box-shadow:5px 5px 20px rgba(0, 0, 0, 0.3) !important;border-radius:1px !important}
#contextMenu ul, #div_outils_zoom ul{list-style:none}
#contextMenu li, #div_outils_zoom li{padding:5px 8px;transition:background 0.2s ease}
#contextMenu li:hover, #div_outils_zoom li:hover, #div_outils_zoom li.actived{background:#C7C7C7}
#contextMenu span{margin-left:5px}

.outils_previsu{padding:9px 1px;overflow:hidden}
.outils_previsu li, .outils_previsu span:hover{background:#3a3a3a;color:#3a3a3a}
.outils_previsu .fa-previsu{width:4px !important;margin:0 !important}
.outils_previsu .fa-previsu li{display:block;font-size:1px;height:3px;margin:2px 0;padding:0;width:3px}
.outils_previsu span:before{font-size:20px !important}

kbd{color:#000;margin:0 5px;padding:0px 4px;font-family:courier new;font-size:1.2em;border:1px #fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:-webkit-gradient(linear,left top,right top,color-stop(0%, #fff),color-stop(25%, #fff));background:-o-linear-gradient(left, #fff 0%, #fff 25%);background:-moz-linear-gradient(left, #fff 0%, #fff 25%);background:-webkit-linear-gradient(left, #fff 0%, #fff 25%);background:-ms-linear-gradient(left, #fff 0%, #fff 25%);background:linear-gradient(left, #fff 0%, #fff 25%);-webkit-box-shadow:1px 0 1px 0 #999, 0 2px 0 2px lightGray, 0 2px 0 3px #666;-moz-box-shadow:1px 0 1px 0 #999, 0 2px 0 2px lightGray, 0 2px 0 3px #666;box-shadow:1px 0 1px 0 #999, 0 2px 0 2px lightGray, 0 2px 0 3px #666;}
kbd:hover {opacity:1;cursor:pointer}

#filigrane{display:none;position:absolute;top:0;left:0;height:100%;z-index:100;width:auto;max-width:100%;max-height:100%}

.lien_ark textarea{width:100%;height:35px}

.tooltip-indexation{width:250px}


#input_notice {width: 22px;height: 22px;margin-top: 3px;}
#input_notice:before {content:?;}


/* ALBUMS */
.albums_dialog ul{ list-style-type:disc;padding:5px 10px 5px 0;margin:0}
.albums_dialog .liste_horiz li{display:inline-block}
.albums_dialog .liste_horiz:not(.simple) li:first-child:before{content:"";margin:0}
.albums_dialog .liste_horiz:not(.simple) li:before{content:" | ";margin:0 5px}

.Table{display:table;width:100%;margin:20px 0}
.Title{display:table-caption;text-align:center;font-weight:bold;font-size:larger}
.Heading{display:table-row;font-weight:bold;text-align:center;background:#e4e4e4;height:30px}
.Row{display:table-row;line-height:20px;height:20px;cursor:pointer}
.Cell{display:table-cell;border:solid thin #b5b5b5;vertical-align:middle;max-width:350px;min-width:80px}
.Colspan, .Colspan + .Cell, .Colspan + .Cell  + .Cell , .Colspan + .Cell  + .Cell  + .Cell  , .Colspan + .Cell  + .Cell  + .Cell  + .Cell{border:none}
.Colspan > span > span{height:11px;overflow:hidden;padding:10px 0;position:relative;text-align:center;width:320px}
.Colspan > span{width:1px}
.Cell{text-align:center}
.Row:hover .Cell{ background-color:#e4e4e4;color:#000}
.Row:hover .Cell span{ color:#000}
.Cell span{margin:5px 0;display:inline-block;padding:0 20px;vertical-align:top}
.Cell span.surligne{padding:0;margin:0}


.infos_document_texte table{}
.infos_document_texte tr{border:1px solid #ddd}
.infos_document_texte td{padding:5px 2px}
.infos_document_texte .notice_libelle{font-weight:700;width:40%}
.infos_document_texte .notice_valeur{width:60%}

@media only screen and (max-width:960px) {
	#outils_plein_ecran{display:none}
}
@media only screen and (max-width:890px) {
	#nav-ten-back,#nav-ten{display:none}
}
@media only screen and (max-width:800px) {
	#display_previsu{display:none}
}
@media only screen and (max-width:750px) {
	#outils_calendrier,#outils_zoom{display:none}
}
@media only screen and (max-width:620px) {
	#outils_affichage{display:none}
}

/*Mobile things*/
@media only screen and (max-width:768px) {
	.visu_previsu{display:none}
	.liste_resultat{margin:0 !important}
	.liste_resultat:before{display:none !important}
}

.footer_rap_err{
	border: solid 1px #952;
	padding: 5px;
	background: #EDC;
}
.loader-container-container{
	position: absolute;
	left: 50%;
	padding-top: calc(50% - 30px);
	filter: grayscale(1);
}
.loader-container{
  width: max-content;
	animation-iteration-count: infinite;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-name: all-sphere;
	position: relative;
	left: -50%;
}
.blue{
  background-color: #70A8FF;
  animation-name: blue-sphere;
}
.red{
  background-color: #F4655F;
  position: absolute;
  animation-name: red-sphere;
}
.green{
  background-color: #9BD05F;
  position: absolute;
  animation-name: green-sphere;
}
.sphere{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  opacity: 0.7;
  animation-iteration-count: infinite;
  animation-duration: 3s;
  animation-timing-function: linear;
}

@keyframes all-sphere{
  from { transform: rotateZ(120deg); }
  to { transform: rotateZ(480deg); }
}

@keyframes blue-sphere{
  0% { transform: rotateZ(-60deg) translateY(0px) scale(1); }
  33% { transform: rotateZ(-60deg) translateY(-20px) scale(0.5); }
  66% { transform: rotateZ(0deg) translateY(-20px) scale(0.5); }
  100% { transform: rotateZ(0deg) translateY(0px) scale(1); }
}

@keyframes red-sphere{
  0% { transform: rotateZ(-120deg) translateY(0px) scale(1); }
  33% { transform: rotateZ(-120deg) translateY(20px) scale(0.5); }
  66% { transform: rotateZ(-60deg) translateY(0px) scale(0.5); }
  100% { transform: rotateZ(0deg) translateY(0px) scale(1); }
}

@keyframes green-sphere{
  0% { transform: rotateZ(0deg) translateY(0px) scale(1); }
  33% { transform: rotateZ(0deg) translateY(20px) scale(0.5); }
  66% { transform: rotateZ(0deg) translateY(20px) scale(0.5); }
  100% { transform: rotateZ(0deg) translateY(0px) scale(1); }
}