/* optionally hide arrows until image is displayed */
.mfp-s-loading .mfp-arrow { 
   display: none;
}
body {text-align: center;background: transparent url(/htm/codeVisu/images/main.png);height:94%;font-size: 9px;font-family: Arial;	}
.myDiv{background: transparent;margin-top:0%;margin-left:0%;height:94%;width:100%;z-index:1000;border: 1px solid #FF9900;}
#cadremap{position: absolute;width:195px;height:auto;bottom:70px;z-index:2000;border: 0px solid #FF9900;background: #fff;}	
.champ {height:auto;width:27px;text-align: center;}
.lien {color:#fff;cursor:pointer}
.lien a{float:left;display:block;width:44px;height:44px;border-width:0;font-size:20px;text-align:center;background-color:transparent;color:#fff;cursor:pointer}
.lien a:focus{-webkit-border-radius: 50px;border-radius: 15px;outline:none}
.lien a:hover{-webkit-border-radius: 15px;border-radius: 15px;background-color:#0074d9;color:#fff}
button .btn-prim {color:#fff;cursor:pointer}
button .btn-prim a{float:left;display:block;width:42px;height:42px;border-width:0;font-size:10px;text-align:center;background-color:transparent;color:#fff;cursor:pointer}
button .btn-prim a:focus{-webkit-border-radius: 50px;border-radius: 15px;outline:none}
button .btn-prim a:hover{-webkit-border-radius: 15px;border-radius: 15px;background-color:#0074d9;color:#fff}
@media print {#print{display:none;}}
#print{display:none;}
.divC{position: absolute;background: transparent;border: 0px solid #080000;}
#clic{display: none;cursor: pointer;border: 1px solid red;width: 150px;}#clic::selection{display: none;}#clicinfo{color:#fff;}
input, select {height: 30px;line-height: 34px;vertical-align: middle;}
select, input, textarea {margin: 2px;padding: 0 4px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;border: none;font-size: 0.9em;}
.cote {margin: 9px;padding: 0 9px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;border-right: 2px solid #fff;border-left: 2px solid #fff;font-size: 0.9em;}
#message_{
display:none;
font: bold 1.3em "Arial";
color: #ccc;
margin-right:10%;
float: center;
}

#affichage{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
#fond_affichage {background-color: #000; position: fixed; width: 100%;height: 100%;filter:alpha(opacity=80);opacity: .80;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/left: 0;z-index: 10;	}
.popup_affichage {background-color:#666;padding: 5px 10px;border: 2px solid #fff;float: left;width: 200px;position: fixed;bottom: 150px;right: 2%;margin: 0 0 0 -250px;z-index: 100;-webkit-box-shadow: 0px 0px 20px #000;-moz-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.popup_affichage .popup_affich {float: left;width: 100%;background: #666;margin: 5px 0;padding: 5px 0;border: 1px solid #bbb;}
.popup_affich h3 {margin: 0 0 20px;padding: 5px 10px;border-bottom: 1px solid #bbb;font-size: 1.5em;font-weight: normal;}
.popup_affich p .valeur{
position: absolute;float:left;padding: 1px 1px;margin: 1px 0;font-family: "Arial", Times New Roman, serif;width: 100%;}
.popup_affich img.cntrl {position: absolute;right: 2px;top: 2px;-webkit-box-shadow: 0px 0px 20px #000;-moz-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
/*--  IE6 gére le positionnement fixe --*/
*html #fade {position: absolute;top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ?documentElement.scrollTop : document.body.scrollTop);}
*html .popup_affichage {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));}
/*--IE 6 PNG Fixe--*/
img{ behavior: url(iepngfix.htc) }

.header{position:relative;z-index:1;height:55px;padding-left:16px;padding-right:16px;background-color:#666}
@media (min-width: 700px){
.header{padding-left:24px;padding-right:24px}
}/*
@media (max-width: 768px){
.header{padding-left:24px;padding-right:24px}
.title{float:left;display:block;font-size:18px;line-height:48px;color:#fff}
}*/
@media (min-width: 0px) and (max-width: 700px){
.header{padding-left:24px;padding-right:24px}
.titre{font-size: 413%;padding-top: 0.25em;padding-bottom: 0.25em;}
.fonctions button{float:left;display:block;width:auto;height:50px;border-width:0;font-size:10px;text-align:center;background-color:transparent;color:#fff;cursor:pointer}
}
.titre{float:left;display:block;font-size:11px;line-height:36px;color:#fff}
.menu .stop:hover{background-color:#ca0000;color:#fff;border-bottom: 1px solid #fff;}
.main{position:absolute;top:44px;right:0;bottom:0;left:0;background-color:#333}
.main>img{display:table-cell;max-width:100%;vertical-align:middle}
.footer{position:absolute;right:0;bottom:0;left:0;height:0}
.menu{float:right; min-width: 0 !important;max-width: none !important;height: auto;min-height: 0 !important; max-height: none !important;}
.menu a{float:left;display:block;width:45px;height:45px;border-width:0;font-size:20px;line-height:46px;text-align:center;background-color:transparent;color:#fff;cursor:pointer}
.menu a:focus{outline:none}
.menu a:hover{background-color:#0074d9;color:#fff;border-bottom: 1px solid #fff;}
.menu__button--success:hover{background-color:#2ecc40}
.menu__button--danger:hover{background-color:#ff4136}
.fonctions{position:absolute;left:0%;bottom:5px;z-index:2015;width:100%;height:80px;margin-left:0px;background-color:rgba(0,0,0,0.5);color:#fff}
.fonctions button{float:left;display:block;width:auto;height:52px;border-width:0;font-size:20px;text-align:center;background-color:transparent;color:#fff;cursor:pointer}
.fonctions button:focus{outline:none}
.fonctions button:hover{background-color:#0074d9;color:#fff}
.telechargement{display:table;width:100%;height:100%;overflow:hidden}
.telechargement>p{display:table-cell;color:#999;text-align:center;vertical-align:middle}
input[type=submit]{width:auto;height:42px;border-width:0;font-size:20px;text-align:center;background-color:transparent;color:#fff;cursor:pointer}
input[type=submit]:focus, input[type=reset]:focus {-webkit-border-radius: 15px;border-radius: 15px;outline:none}
input[type=submit]:hover, input[type=reset]:hover{-webkit-border-radius: 15px;border-radius: 15px;background-color:#0074d9;color:#fff}
input[type=submit]:active, input[type=reset]:active {background-color:#ccc;/*box-shadow:1px 1px 1px #D83F3D inset;*/}