/*****************************************************/
/*****************************************************/
/**                                                 **/
/** File : custom.css                               **/
/** Copyright : La société du consommateur          **/
/**                                                 **/
/*****************************************************/
/*****************************************************/


#LMDC_map_div {
  height: 100%;
  width: 100%;
  margin : auto;
}

html, body {
  height: 100%;
  margin: 0px;
  padding: 0px;
  color : #009ce0 !important;
}

p {
  padding : 0.5em;
}

form p{
  font-size : 1.1em;
}

#logo {
  display : none;
}

.masthead img {
  /*width : 40%;*/
}

@media (min-width: 991px) {
  #logo {
    display : inline;
    width : 30%;
  }
  .masthead img {
    /*width : 20%;*/
  }
}

.btn{
  cursor: pointer !important;
}

#logo_map {
    height:100% ; 
    width: auto ;
}

#div_logo_map{
  height:50px; 
}

@media (min-width: 991px) {
  #logo_map {
    height:70% ; 
  }
  #div_logo_map{
    height:120px; 
  }
}



a {
	text-decoration : underline !important;
  font-weight : bold;
}
a:hover{
	text-decoration : none !important;
}

a[href^="mailto:"]{
  /*color : white !important;*/
}

.intro-text span{
  font-size: 2em !important;
}

.intro-text p{
  padding-left : 0px;
  padding-right : 0px;
}

.row li span{
  font-size: 1.1em !important; 
}

h2 {
  font-size : 2em !important;
}

hr.star-success {
  max-width: 250px;
  margin: 25px auto 30px;
  padding: 0;
  text-align: center;
  border: none;
  border-top: solid 5px; }

hr.star-success:after {
  font-family: FontAwesome;
  font-size: 2em;
  position: relative;
  top: -.8em;
  display: inline-block;
  padding: 0 0.25em;
  content: '\f005'; }

hr.star-success {
  border-color: white; }

hr.star-success:after {
  color: white;
  background-color: #009ce0; }

#iw-container  .iw-title {
   font-size: 1.3em;
}

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

#iw-container p{
  font-size: 1.1em;
  margin-bottom : 0.5rem;
  padding-top : 0rem;
}

#iw-container h5{
  font-size: 1.25em;
  margin : 0.2rem;
}

#iw-container h6{
  font-size: 1.0em;
  margin : 0.2rem;
}


.imgProduitMapInfoWindow{
  width : 17% !important;
}

@media (min-width: 991px) {
  .imgProduitMapInfoWindow{
    width : 17% !important;
  }
}

.divFormMessage{
	position: absolute; 
  top: 0%; 
  left: 0%; 
  width: 100%;
  min-height: 100%;
  background-color : #eeeeee;
  display : none;
  z-index: 99 !important;
}

.divFormMessage input, .divFormMessage textarea {
	background-color : white;
	padding-left : 0.2em;
	padding-right : 0.2em;
	font-size : 1.1em;
}

.divFormMessage label {
	color : #009ce0;
}

#divCustomInfoWindow{
  position: absolute; 
  top: 0%; 
  left: 0%; 
  width: 100%;
  height: 100%;
  background-color : white;
  display : none;
}

#divMapQueryPlacesButton{
  position: absolute; 
  top: 2%; 
  margin : auto;
  width : 100%;
  text-align : center;
  display : none;
}

#mapQueryPlacesButton{
  margin : auto;
  color : white;
}

#mapQueryPlacesButton img{
  height : 20px;
  width : 20px;
}

#mapQueryPlacesButton
, #mapQueryPlacesButton:focus{
  background-color : #009ce0;
}

#mapQueryPlacesButton:active
, #mapQueryPlacesButton:hover{
  background-color : #006cb0 ;
}

#divRowInfoMagasin{
  height: 100%;
}

#divMapAndInfoWindow{
  position: relative;
  width: 100%;
  font-size: 1.1em;
}

#divRowInfoMagasin textarea {
  font-size: 1.1em;
}

#divRowInfoMagasin p {
  font-size: 1.1em;
}


#title_map {
  text-decoration : underline;  
}

.imgProduitNonRef{
  opacity: 0.3;
  filter: alpha(opacity=30); /* For IE8 and earlier */
}

.captionInfoBulleProduit{
  width:100%;
  position: absolute;
  text-align: center;
  z-index: 99 !important;
  
}

.infoBulleButton{
  height : 20%;
  margin-top : 5%;
}

.infoBulleText{
  height : 25%;
  margin-top : 0%;
}

.captionInfoBulleProduit .captionInfoBulleProduitText{
  font-weight : bold;
  font-size : 0.6em;
  vertical-align : middle;
  color : white;
  background-repeat : no-repeat;
  background-size : contain;
  text-align: center;
  width : 20%;
  height : 100%;
  margin-left : 65%;
  padding-top : 0.4em;
}

@media (min-width: 991px) {
  .captionInfoBulleProduit .captionInfoBulleProduitText{
    font-size : 0.7em;
  }
}


.pictoYes{
  background-image : url("../img/yes_64px.png");
}

.signalPicto{
  border-radius: 50%;
  width : auto !important;
  opacity: 0.9;
  filter: alpha(opacity=90); /* For IE8 and earlier */
}

.signalPictoYes{
  background-color : #38963f;
}

.signalPictoUnspecified{
  background-color : #ffbc00;
  margin-left : 55% !important;
  width : 45% !important;
}

.captionNomProduit {
  width:100%;
  /*bottom: .3rem;*/
  /*position: absolute;*/
  background: none;
}

.captionNomProduit span {
  background: none;
  font-size: 0.9em !important;
  font-weight : bold;
  padding-left : 1%;
  padding-right : 1%;
}

.captionProduitNonDispo{
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  position: absolute;
  margin-top : 35%;
  color : black;
  font-size : 1em;
  font-weight : bold;
  vertical-align : middle;
  /* Safari */
  -webkit-transform: rotate(-45deg);
  /* Firefox */
  -moz-transform: rotate(-45deg);
  /* IE */
  -ms-transform: rotate(-45deg);
  /* Opera */
  -o-transform: rotate(-45deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}

.captionProduitNonDispoButton{
  font-size : 0.65em;
}


.divImagesProduits{
  width : 100%;
  padding-bottom : 1em;  
}

.divImagesProduits .btn{
  padding : 0px !important;
  margin : 0px !important;
  white-space: normal !important;
}

.divImagesProduits .img-thumbnail{
  max-width : 100%;
  border: 0 none;
  box-shadow: none;
  margin:0;
  padding:0;
}

.divImagesProduits .col-sm-2{
  max-width : 30% !important;
  padding : 0px;
  padding-top : 1%;
  margin-bottom : 1%;
  position : relative !important;
}

@media (min-width: 991px) {
  .divImagesProduits .col-sm-2{
    max-width : 16% !important;
  }
}

.cc-btn{
  text-decoration : none !important;
}

.isCheckedLabel{
  /*opacity:0.5;*/
	background-color : #009ce0 !important;
  border : 1px solid #009ce0 !important;;
}

/*pour forcer la non transparence des produits non référencés lorsqu'on les coche*/
.isCheckedLabel .imgProduitNonRef{
  opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}

/*pour forcer la transparence des produits référencés lorsqu'on les décoche*/
.uncheckedLabel .imgProduitRef{
  /*opacity: 0.3;*/
  /*filter: alpha(opacity=30);*/ /* For IE8 and earlier */
}

.isCheckedLabel span{
  color : white;
}

.uncheckedLabel span{
  color : #666666;
}

#warningSignalementForm{
  padding : 0px;
  margin : 0px;
}

.hidden {
  display: none;
  visibility: hidden;
} 

.hide {
  display: none;
}

.warningMessage{
  color : red;
}

.pNoSignalement{
  font-size: 0.8em;
  font-style: italic;
  padding : 0px;
  padding-left : 2em;
}

.ligneSignalement .commentaireSignalement{
  font-size: 0.8em;
}

.ligneSignalement {
  margin-bottom : 0px;
}

.lignePaire {
  background-color : #b8d4e0;
}

.ligneImpaire {
  background-color : #d4dce0;
}

.popover-body{
  font-size : 1.1em;
  color : #009ce0;
}
.helpPopover{
  display : inline-block;
  background-color : #009ce0;
  border-radius : 50%;
  height: 1.5em;
  width : 1.5em;
}
.helpPopover a,
.helpPopover a:hover,
.helpPopover a:active{
  color : white;
  text-decoration : none!important;
}