/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *


 */



/* Pour les infos bulles */

a.info{
  position:relative;
  z-index:24;
  color: #f28909;
  text-decoration:none
}
a.info:hover{
  z-index:25;
  background-color:#FFF
}
a.info span{
  display: none
}
a.info:hover span{
  display:block;
  position:absolute;
  top:2.5em; left:-15em; width:30em;
  border:1px solid #000;
  background-color:#FFF;
  text-align: left;
  font-weight:none;
  padding:5px;
  font-size:10px;
  font-style: italic;
}
/* FIN Pour les infos bulles */




.body {
  font-size:13px;
  font-family:	Verdana,​Arial,​sans-serif
}

.bold {
    font-weight: bold;
}



.flag_erreur{
  border:none;
  background:red; 
  border-radius:30px;
  width: 15px;
}

.flag_rougeorange{
  border:none;
  background:#ff8663; 
  border-radius:30px;
  width: 15px;
}



/* Pour les messages flash */
#flash_notice, #flash_errors {
    padding: 1em;
    margin-bottom: 2em;
    font-weight: bold;
    padding-left: 50px;
    padding-right: 50px;
    border-radius:30px;
}
#flash_notice{
    border: 2px solid #9FCF9F;
    background: #DFFFDF url(/assets/tick.png) no-repeat 15px 15px;
    color:#005F00;  
}

#flash_errors{
    border: 2px solid #DD0000;
    background: #FFE3E3 url(/assets/cross.png) no-repeat 15px 15px;
    color:#FF0000;
}



/* Pour l'affichage d'un bloque multiligne */
#ligne_header_tri{
  text-align:center;
  cursor: url(tri.cur), auto;
}
.ligne_header_tri{
  text-align:center;
  cursor: url(tri.cur), auto;
}
#ligne_list{
  width:100%;
  /*margin-top:25px;*/
}
#ligne_list .list-line-odd {
  background:   #e1e1e1;
}
#ligne_list .list-line-even {
  background:  #fafafa;
}
#ligne_list .a {
  background:   white;
}
#ligne label{
  display:inline;font-weight: bold;
  float: none;
}
#ligne_motif{ 
  height:100px;
  width:357px;
}
#ligne{
  overflow:hidden;
}

#ligne_list .recap {
  font-weight: bold;
}






/* Pour l'affichage des pages LOV */
#lov_list{
  position: absolute; 
  left: 25px;
  margin-top:25px;
  height : 50px;
}

#lov_list .list-lov-odd {
  background:   #dcdddd;
}

#lov_list .list-lov-even {
  background:   #b5b6b6;
}

.lov{
  /*
  //background:   #ffffff;
  //padding-left:   20px;
  */
}

.lov .list-lov-odd {
  background:   #dcdddd;
}


.lov_tri {
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: -moz-center;
}


.lov .list-lov-even {
  background:   #b5b6b6;
}





/* Global à l'application */

.item_lib {
  font-weight: normal;
}

.item_result {
  font-weight: bold;
}
    
.url
{
  cursor: pointer;
  color: blue;
  text-decoration: underline;
}            
                
.button{
  cursor: pointer;
  border:none;
  background-image: radial-gradient(white, #BCB6A2);
  border-radius:30px;
}
.button_non_clic{
  border:none;
}
            
.icone{
  cursor: pointer;
  border:none;
}
.icone_non_clic{
  border:none;
}

#content {
	padding: 20px 20px 20px 20px;
}

#notice, #errors {
  padding: 1em;
  margin-bottom: 2em;
  font-weight: bold;
  padding-left: 50px;
}
#notice{
  border: 2px solid #9FCF9F;
  background: #DFFFDF url(/images/tick.png) no-repeat 15px 15px;
  color:#005F00;  
}
#errors{
  border: 2px solid #DD0000;
  background: #FFE3E3 url(/images/cross.png) no-repeat 15px 15px;
  color:#FF0000;
}




/* Pour les entêtes d'application */
#headerText, #headerInfo
{
  display: inline-block;
}

#header{
  border:none;
  background:#BCB6A2; 
  border-radius:30px;
  height:40px;
  overflow:hidden;
}
#headerText{
  padding-left: 20px;
  padding-top: 8px;
  color:#ffffff;
  font-size:20px;
}
#headerAide{
  /*display:none;*/
  float: right;
  margin-top: 7px;
  margin-right: 20px;
  cursor: pointer;
  color:#ffffff;
}
#headerInfo{
  /*display:none;*/
  float: right;
  margin-top: 10px;
  margin-right: 20px;
  cursor: pointer;
  color:#ffffff;
}

#headerInfo a{ color:#ccc; 
               text-shadow:0 -1px 0 black; 
               text-decoration : none;} 
#headerInfo a:hover,a:focus{ /*background:rgba(0,0,0,.4);*/
                             text-decoration : none;
                             box-shadow:0 1px 0 rgba(255,255,255,.4); }
#headerInfo a span{ position:absolute; }
#headerInfo a span{ margin-top:23px; 
                    margin-left:-35px; }
#headerInfo a span{ color:#09c; 
                    background:rgba(0,0,0,.9); 
                    padding:5px; 
                    border-radius:3px; 
                    box-shadow:0 0 2px rgba(0,0,0,.5); }
#headerInfo a span{ transform:scale(0) rotate(-12deg); }
#headerInfo a:hover span, a:focus span{ transform:scale(1) rotate(0); }
#headerInfo a span{  transition:all .25s; }
#headerInfo a span{  opacity:0; }
#headerInfo a:hover span, a:focus span{  opacity:1; 
  z-index: 10;}



.ic_aff_aide {
  background: url(help.png) no-repeat;
  background-size: 30px 30px;
  width:30px;
  height:30px;
  cursor: pointer;
  border:none;
  border-radius:30px;
}
.ic_aff_info {
  background: url(info.png) no-repeat;
  background-size: 25px 25px;
  width:25px;
  height:25px;
  cursor: pointer;
  border:none;
  border-radius:30px;
}



/* Pour les critères */
.critere_selection {
  position: relative;
  border-radius: 30px;
  /*margin: 20px;*/
}

.critere_resultat{
  border-radius:30px;
  margin: 0px;
  padding: 20px 5px 20px 5px;
}
#critere {
	font-size: 16px;
  margin-right: 25px;
  margin-left: 25px;
  padding-left: 5px;
  padding-right: 5px;
}






/* Pour les aides */
.aide_field{
  border-radius:30px;
  margin: 20px;
  padding:15px;
}

.aide_div{
  padding-bottom: 10px;
  text-align: left;
}