/*********************************************/
/* feat: before angular is ready, display loading animation */
/*body.waiting-for-angular div#content-outer {
  display: none;
}
body.waiting-for-angular div#initializing-panel {
  display: block;
  background: url(../assets/img/loading.gif) center center no-repeat;
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
}


* {
  margin: 0;
}

html, body {
  height: 100%;
}
body {
  background: #fff;
  color: #393939;
  font-family: Arial;
  font-size: 0px;
  line-height: 0;
}
#content-outer {
  background: url(../assets/img/content_repeat.jpg) repeat-x;
  background-color: white;
}
#content {
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin: 0 auto 0 auto;
  max-width: 1260px;
  min-width: 780px;
  padding: 35px 0px 30px 0px;
}
h2 {
  color: #393939;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 10px;
}
h3 {
  color: #92b22c;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 10px;
}*/

/*********************************************/

:-full-screen {
    width: 100% !important;
    float: none;
    /*width: 100%;*/
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0 none;
    background-color: red !important;


}


:-webkit-full-screen {
    /*background : none repeat scroll 0 0 #FF0000;*/

    float: none;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0 none;
    background-color: #f00;
    /*  width: 100% !important;
      float: none;
            width: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
            border: 0 none;
            background-color: red !important;*/
}


/*#listeResultats > .clear {
  clear: both;
  height: 0; overflow: hidden;  Précaution pour IE 7 
}*/


#loginForm{
    overflow :hidden;
    padding-bottom: 0px !important;
}

.modal{
    overflow:auto;
};

.modal-footer {
    margin: 0px 0px 10px 0px;
    padding:10px 20px 0px;
}

.modal-header{
    padding: 5px 15px;
}
#listeResultats:after {
  content: ""; /* Important, sinon l'élément n'est pas généré. */
  display: table;
  clear: both;
}
.icon-ok{
    padding-top: 3px;
}

.titre,.identifiant{
    width:50%; 
    font-size: 1.5em;
}

.titre{

    font-weight: bold;
    left: 0;
    float: left;
}

.identifiant{
    right:0;
    font-weight: bold;
    position: absolute;
    text-align: right;
    margin-right: 25px;
    float: right;
}

#loader {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    text-align: center;
    color: #fff;
    /*border-radius: 12px;*/
    position: fixed;
    left: 0%;
    /*margin-left: -100px;*/
    top: 0%;
    /*margin-top: -100px;*/
    z-index: 10;
}

#loginDialog {
/*    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);*/
    text-align: center;
    color: #fff;
    /*border-radius: 12px;*/
    position: relative;
    left: 0%;
    /*margin-left: -100px;*/
    top: 0%;
    /*margin-top: -100px;*/
    /*z-index: 15000;*/
}

.modal-body{
    /*min-height: 100px;*/
     /*border: 2px solid #333333;*/
    list-style-type: none;
    margin-left:0;
    padding : 10px 0px 0px 0px;
    /*padding-left: 15px;*/
}


/*#loader {
    width: 200px;
    height: 200px;
    line-height: 200px;
    background: rgba(0,0,0,0.5);
    text-align: center;
    color: #fff;
    border-radius: 12px;
    position: fixed;
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: -100px;
    z-index: 10;
}*/

#loader span{
    line-height:100%;height:100%;display:inline-block; vertical-align:middle;
}


.hiddenCanvas{
    position: fixed;
    left: 0%;
    margin-left: -2000px;
    top: 50%;
    /*margin-top: -100px;*/
    z-index: 0;
    /*    width: 800px;
    height: 600px;*/
}

figure {
    text-align: center;
    margin: 5px auto; /* not needed unless you want centered */
}

.btnAdd{
/*    width:50%;*/
    margin-bottom: 0px;
    white-space : pre-line;
}

btnAddPhoto{
    float: right;
}

.boxgrid{
    background-image:none;
    background-repeat:repeat;
    background-attachment:scroll;
         /*background-position:0 0;width:162px;height:222px;*/
         display:inline-block;
         float:left;
         /*border:solid 6px #e2d9c0;*/
         overflow:hidden;position:relative;
         margin-top:10px;margin-bottom:4px;
         
         /*background-color: #e2d9c0;*/
         cursor: pointer;
         /*border-radius: 6px*/
}

.boxgrid img{/**position:absolute;*/top:0;left:0;border:0}


figcaption{
    clear: left;
    font-style: italic;
    line-height: 1.5em;
    margin: 0.75em 0;
    padding-top: 5px !important;
    text-align: center;
    display:block;
}


*[hidden] { /* required for the browsers lacking the 'hidden' attribute support. IE10 */
    display: none;
}

#ng-view {
    position:relative;
    /*-webkit-transform: translateZ(0);*/
}
.itemListLayer{
    margin: 5px;
    padding: 5px;
    border-width:2px;
    word-wrap: break-word;
    overflow:hidden;
}
div.clear{ clear: both; }

label{width:100%;}

*{margin:0;padding:0;}

body {
    /*height:100%;*/
    padding: 0;
    margin: 0;
    position: relative; 
    z-index:-2;
/*    background-color: rgba(46, 204, 113,0.35);*/
}

html{
    height: 98%;
}

/*form{
    padding-bottom: 60px;
}*/

.readonly{
    /*background-color: rgba(46, 204, 113,0.35);*/
    background-color:rgba(120,196,162,0.6);
    height: 100%;
    width : 100%;
    display : inline-table;
}

.writeable{
    background-color: rgba(149, 193, 201, 0.6);
    height: 100%;
    width : 100%;
    display : inline-table;
}

.center { 
    float: none;
    margin-left: auto;
    margin-right: auto; 
}

ul{
    list-style-type: none;
    margin:0px 0px 30px 0px;
}
.ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;


}

/*centre le menu*/
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}

.bandeau {
    /*    border-color:red;
        border-style:solid;
        border-width:3px;*/
    text-align:center;
    /*min-height:10px;*/
    min-height: 5%;
    /*background:#2ECC71;*/
    /*vert flat*/
    /*background:rgba(46, 204, 113,1.0);*/
    background:#404040;
    /*vert pastel*/ 
    /*background:rgba(137, 232, 148, 1.0);*/

    /*Old browsers*/
    /*background: #d2ff52;*/   
    /*    FF3.6+ 
        background: -moz-linear-gradient(top, #d2ff52 0%, #91e842 100%);  
        Chrome,Safari4+ 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2ff52), color-stop(100%,#91e842));  
        Chrome10+,Safari5.1+ 
        background: -webkit-linear-gradient(top, #d2ff52 0%,#91e842 100%);  
        Opera 11.10+ 
        background: -o-linear-gradient(top, #d2ff52 0%,#91e842 100%);  
        IE10+ 
        background: -ms-linear-gradient(top, #d2ff52 0%,#91e842 100%);  
        W3C 
        background: linear-gradient(to bottom, #d2ff52 0%,#91e842 100%);  
        IE6-9 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 );  */

    /*-moz-opacity: 0.35;
    opacity: 0.35;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=35);*/


}
/*ul.nav li {
 background-color:blue;
}*/

#nav-justified nav a.active{
    color: white;
}

.nav > li > a.active {
    color: white;
}
.navbar {
    min-height : 0;
}
.container {
    margin-right: auto;
    margin-left: auto;
    /*margin-top: 60px;*/
    width:100%;
    /*min-height: 95%;*/
}

.margerer{
    margin :4px;
    padding :0;
}
.margerer-modal{
    margin :10px;
    padding :0;
}
.modalLabel{
    margin-right: 0px;
    padding-right: 0px;
}

.centered
{
    text-align:center;
}

.nav li{
    cursor:pointer;
}

.navbar .nav > li > a {
    padding: 5px 5px;
}

[class*="span"].centred {
    margin-left: auto;
    margin-right: auto;
    float: none;
}


#leform{
    margin:0 auto;
    float:none;
}

/*#inputName
{
    width :75%;
}*/
/*.couleurTitre{ color: black; }*/

@media (max-width: 615px){
    /*.couleurTitre{ color: red; }*/
    .libelleOptionnel{
        display:none;
    }
    .margePiedsPage{
        margin-bottom: 49px !important;
    }
    .leaflet-control-attribution{
        margin-bottom: 49px !important;
    }
    
    /*    body{
            font-size:65%;
            font-style: italic;
            
        }*/
}

@media (min-width: 615px){
    .libelleOptionnel{
        display:inline-block;
        /*padding-left: 10px;*/

    }
    .margePiedsPage{
        margin-bottom: 69px !important;
    }
    .leaflet-control-attribution{
        margin-bottom: 69px !important;
    }
}

.leaflet-bottom .leaflet-left {
    margin-bottom: 10px !important;
}

/*ul{
    overflow:overlay;
}

li {
    white-space: nowrap;
    overflow:overlay;
}*/

.liHealth {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(46, 204, 113);
    /* RGBa with 0.6 opacity */
    background: rgba(46, 204, 113,0.2);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.liInsertion
{

    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(231, 76, 60);
    /* RGBa with 0.6 opacity */
    background: rgba(231, 76, 60,0.2);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";    
}

.liHandicap
{

    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(155, 89, 182);
    /* RGBa with 0.6 opacity */
    background: rgba(155, 89, 182, 0.2);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";    
}

.navbar .nav {
    margin: 0;
    display: table;
    width: 100%;
}

/*permet aux items de la liste de prendre toute la largeur de la liste*/
.navbar .nav li {
    display: table-cell;
    width: 1%;
    float: none;
}



#divListePOIType ul li .thumbnail:hover { 
    background-color: rgba(46, 204, 113, 0.2);
    background-image: none;

}
#divListePOIType ul li a:hover{
    text-decoration: none;
}

i .icon-chevron-right{
    float: right;
}

.white, .white a {
    color: #fff;
}

/*bs 3.0 custom*/

/*.nav-justified > li > a {
  color: #777;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #d5d5d5;
  background-color: #e5e5e5;  Old browsers 
  background-repeat: repeat-x;  Repeat the gradient 
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);  FF3.6+ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5));  Chrome,Safari4+ 
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%);  Chrome 10+,Safari 5.1+ 
  background-image: -ms-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%);  IE10+ 
  background-image: -o-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%);  Opera 11.10+ 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 );  IE6-9 
  background-image: linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%);  W3C 
}*/

.navLogo{
    font-size: 2em;
    display: block !important;
}

.nav > li > a{
    /*padding : 5px;*/
    /*display: inline-block;*/
    display: block;
    text-align: -webkit-center;
    color: #8c8c8c;
    font-weight: bold;
    /*text-align: center;*/
}

.navbar-fixed-bottom  > ul{
    list-style-type: none;
    margin:0px;
}

.navbar-fixed-bottom bandeau nav > ul{
    width:100%;
}

.fullHeight{
    height:100%
}

@media (max-width: 376px){
    /*.couleurTitre{ color: red; }*/
    #content-marger{
        /*padding-top : 50px;*/
        /*padding-bottom:50px;*/
        min-height: 95%;
        overflow: hidden;
        /*background-color: rgba(0,177,106,0.1);*/
    }

    #pictureCanvas{
        display:block;
        margin: 0px auto;
        width:100%;
    }
}    
@media (min-width: 377px){
    /*.couleurTitre{ color: red; }*/
    #content-marger{
        /*padding-top : 50px;*/
        padding-bottom:50px;
        min-height: 95%;
        overflow: hidden;
        /*background-color: rgba(0,177,106,0.1);*/
    }    

    #pictureCanvas{
        display:block;
        margin: 0px auto;
        width:50%;
    }
}   

/*#canvas{
    display:block;
    margin: 0px auto;
    width:100%;
}*/


/*.thumbnail{
    max-width:90%;
}*/

/*#pictureCanvas{
    display:block;
    margin: 0px auto;
    width:100%;
}*/

#divListePOIType > ng-scope thumbnail
{
    border: 1px solid #000;
    overflow-y:auto;
    height:100%;
}​

.fill95{
    min-height: 95%;
    height: 95%;
}

.green-background{background-color:#70AD25;}
.red-background {background-color: #E74C3C;}
/*.asphalt-background {background-color: #ecf0f1;}*/
/*.asphalt-background {background-color: #C0C7C9;}*/

.darkblue-background {background-color: #0066a2;}


/*.electric-background{background-color: #3498db;}*/
.blue-background{background-color: #3498db;}
/*.panneau-background{background-color: #f1c40f;}*/
.orange-background{background-color: #f1c40f;}
.cadetblue-background{background-color: #436877;}


.margeBottom{margin-bottom: 10px;}
#btnUrgence{width:100%;}

.white{
 color: #ffffff!important;
}

.show-grid [class^="col-"] {
    background-color: rgba(86, 61, 124, 0.15);
    border: 1px solid rgba(86, 61, 124, 0.2);
    padding-bottom: 10px;
    padding-top: 10px;

}


/*.btn{margin-bottom: 15px;}*/


.actionBar{
    clear:both;
    /*padding-top:5px;*/
}

.actionBar > .btn.btn-danger{
    float:left;
}

/*#layerList > li > div{
    background-color: rgba(46, 204, 113,1.0);
}*/

#appLogo{
    width:48px;
    height:48px;
}

#topBandeau{
    padding-bottom: 3px;
}

/*.margePiedsPage{
    padding-bottom: 60px;
}*/

.margeEnDessous{
    padding-bottom: 20px;
    /*padding-bottom: 1px;*/
}

.margeEnDessus{
    padding-top: 10px;
}

.espacementVertical{
    padding-top: 20px;
    padding-bottom:20px;
}

.thumbnail{
    margin: 0px auto;
    max-width:100%;
    /*max-width:350px;*/
    /*text-align:center;*/
}
/*#virtualCanvas{
    width:1280px;
    height:1065px;
    display:none;
}*/

/*#pictureCanvas{
    display:block;
    margin: 0 auto;
    width:100%;
}*/


video{
    width:100%;
    height: 100%;    
}

/*     .centerbox {
         basic styling 
        width: 100%;
        
        font-size: 14px;
        border: 1px solid #555;
        background : #CFC;
      
         flexbox, por favor 
        display: -webkit-box;
        -webkit-box-orient: horizontal;
        -webkit-box-pack: center;
        -webkit-box-align: center;
       
        display: -moz-box;
        -moz-box-orient: horizontal;
        -moz-box-pack: center;
        -moz-box-align: center;
        
        display: box;
        box-orient: horizontal;
        box-pack: center;
        box-align: center;
      }*/

.block {
    text-align: center;
    background: #c0c0c0;
    border: #a0a0a0 solid 1px;
    margin: 20px;
}

.block:before {
    content: '';
    display: inline-block;
    height: 100%; 
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */

    /* For visualization 
    background: #808080; width: 5px;
    */
}

.centeredVideo {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    padding: 0;
    border: #a0a0a0 solid 1px;
    background: #f5f5f5;
}









/* Put your css in here */

multiselect {
    display:block;
}
multiselect .btn {
    width: 100%;
    background-color: #FFF;
}
multiselect .btn.error{
    border: 1px solid #da4f49 !important;
}
multiselect .dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
}
multiselect .dropdown-menu {
    width: 100%;
    box-sizing: border-box;
    padding: 2px;
}
multiselect .dropdown-menu > li > a {
    padding: 3px 10px;
    cursor:pointer;
}
/*
.dropdown > .dropdown-menu {
    position: static;
    margin-bottom: 5px;
    width:100%
}


#btnDropDownType{
    width:100%;
    margin-bottom: 0px;
}
*/
.caret{
    float: right;
    margin-top: 8px!important;
}

#btnDropDownTypes{
    margin-bottom: -3px;
    /*va a la ligne si plus grand que le bouton*/
    white-space: normal;
}

.icon-ok{
    float: right;
}
/*
*[block] {  required for the browsers lacking the 'hidden' attribute support. IE10 
    display: block;
}*/

/*.affiche{
    display:block;
}

.cache{
    display: none;
}*/


/*.listeVignettes{
    overflow: hidden;
}*/


.display-lineblock{
    display:inline-block;
}

#loginFlash{
    border: 2px solid #FF0000;
    overflow: hidden;
    position: relative;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
}

.modal-footer > button {
    margin-bottom: 0px;
}

.modal-footer > .btn-danger{
    float:left;
}
.modal-footer{
    padding : 10px;
    margin : 0px;
}

.listeVignettes{
    margin:0;
}

.listeVignettes > li{
    margin-right:3px;
    min-height: 185px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

.clearfixThb {
    display: flex;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.resultOption{
    width: 21%;
    text-align: center;
    display:inline-block;
}

.resultItem{
    width:100%;
}

.fullSize{
    width:100%
}

.cacheToi{
    visibility: hidden;
}

.webkitBox{
    display: -webkit-box;
}

html, body , section, #content{ height: 100%; width: 100%; margin: 0; }

ng-view{ 
    position: absolute;
    height: 100%; 
    width: 100%; 
    margin: 0; 
}
/*ng-view{ position: relative;height: 100%; width: 100%; margin: 0; }*/


.synchroList {
    list-style: none; overflow: hidden; position: relative;
}

.synchroList li {
    float: left; margin: 0 5px 0 0;
    display: block; width: 120px; height: 100%;
    text-align: center;
}

/*.synchroList li header{
    float: left; margin: 0 20px 0 0;
    display: block; width: 120px; height: 120px;
    text-align: right;
}*/


.synchroList li header {
    padding: 0 5px 0 0;
    display: block;
    text-align: right;
}

.synchroList li footer{
    display : inline-block;
    width:100%;
}

.synchroList li footer i{
    float: right;
    padding-right: 5px;
}

.sardine{
    margin-bottom : 0px!important;
}

.poiIdForPicture{
    width: 40%;
    float: left;
    padding-left: 5px;
    text-align: left;
}


.itemServerId{
    float: right;
    width: 40%;
    padding-right: 5px;
}

#listepois{
    -webkit-flex-flow: row wrap;
    display: flex;
    width: 100%;
/*    justify-content: space-between;*/
    justify-content: space-around;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 50px;
}

#listepois div{
    /*border-top-style: outset;*/
    margin-top:5px;
}

#listepois > div > div{
    border-top-style: outset;
}

#listepois div header{
    padding-right: 5px;
    text-align:right;
    min-height:20px;
}

#listepois div footer{
    padding-right: 5px;
    text-align:right;
    min-height:17px;
}

#listepois div footer i{
    float : right;
    /*padding-right: 5px;*/
    padding-bottom: 5px;
    padding-top:0px;
    padding-bottom:0px;
}



#listepois div figure{
    text-align: left;
    margin: 0;
}
#listepois div figure i{
    padding-left: 20px;
    padding-right: 20px;
    margin: 0;
}

#listepois div figure figcaption{
    text-align:center;
    clear: left;
    font-style: normal;
    margin: 0;
    padding-top: 0px !important;
    display:block;

}


footer div{
    border-top-style:outset
}

#container-vignette{
    text-align: center;
}

//sge dirty fix
.leaflet-control-layers{
    display: none !important;
}

/*.alert{
    margin-bottom: 0px!important;
}*/
/** http://contrast-finder.tanaguru.com **/
.alert-info{
    color :#235F87;
}

a.list-group-item {
color: #090909;
}

.menuItem{
    padding-right: 0px;
    padding-left: 0px;
}

// pas de radius sur les éléments

.list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.alert{
    border-radius : 0px;
}

.btn{
    border-radius : 0px !important;
    margin-bottom: 10px;
}

/*#pictureForm{
    overflow-y: hidden !important;
};*/
#pictureFigure{
    overflow-y: hidden !important;
}
#pictureShow{
    max-width: 70%;
    max-height: 70%;
}

.thbContainer{
    width:150px;
    height:150px;
}



.rotate-left{
    -webkit-transform: rotate(90deg);
}

.flip{
    -webkit-transform: rotate(180deg);
}
       
.rotate-right{
    -webkit-transform: rotate(270deg);
}

.rotate-left_translate{
    -webkit-transform: rotate(90deg) translateY( 25%);
}

.rotate-right_translate{
    -webkit-transform: rotate(270deg) translateY( 25%);
}

input[type="text"].ng-invalid.ng-dirty{
    border-color: #FA787E;
    color:#FFF;
}
.ng-valid.ng-dirty{
    border-color: #78FA89;
}