/*
Special impression

Correspond à une copie de your_style
avec doNotPrint
 */

.doNotPrint {
  display: none; 
  }

.pleasePrint {
  display: show;
 }

#divAvertissement {
  font-size: 10px;
  line-height: 12px;
  color: #333;
  text-align: justify;
  margin-bottom: 10px; }


body {
  font-family: tahoma,arial,sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin: 0px; }


.text-primary
  {
      color: #3276B1;
}

.text-danger
  {
      color: #FF0000;
}

.text-warning
  {
      color: #FF5400;
}

.text-success
  {
      color: #19BB19;
}


/*---------------------------------------------------*/
/* Parce que le menu autocomplete se met sous les fenêtre modales */
.ui-autocomplete {
     z-index: 215000000 !important;
}

/*---------------------------------------------------*/
/* From /js/plugin/jqgrid/ui.multiselect.css  */
.ui-multiselect { border: solid 1px; font-size: 0.8em; }
.ui-multiselect ul { -moz-user-select: none; }
.ui-multiselect li { margin: 0; padding: 0; cursor: default; line-height: 20px; height: 20px; font-size: 11px; list-style: none; }
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer;}
.ui-multiselect li.ui-draggable-dragging { padding-left: 10px; }

.ui-multiselect div.selected { position: relative; padding: 0; margin: 0; border: 0; float:left; }
.ui-multiselect ul.selected { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; position: relative; width: 100%; }
.ui-multiselect ul.selected li { }

.ui-multiselect div.available { position: relative; padding: 0; margin: 0; border: 0; float:left; border-left: 1px solid; }
.ui-multiselect ul.available { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; width: 100%; }
.ui-multiselect ul.available li { padding-left: 10px; }
 
.ui-multiselect .ui-state-default { border: none; margin-bottom: 1px; position: relative; padding-left: 20px;}
.ui-multiselect .ui-state-hover { border: none; }
.ui-multiselect .ui-widget-header {border: none; font-size: 11px; margin-bottom: 1px;}
 
.ui-multiselect .add-all { float: right; padding: 7px;}
.ui-multiselect .remove-all { float: right; padding: 7px;}
.ui-multiselect .search { float: left; padding: 4px;}
.ui-multiselect .count { float: left; padding: 7px;}

.ui-multiselect li span.ui-icon-arrowthick-2-n-s { position: absolute; left: 2px; }
.ui-multiselect li a.action { position: absolute; right: 2px; top: 2px; }
 
.ui-multiselect input.search { height: 14px; padding: 1px; opacity: 0.5; margin: 4px; width: 100px; }

/*---------------------------------------------------*/
/* Logos */

/* Pour rajouter du alt-text, il faut rajouter un title <span id="consoSpy" title="Logo ConsoSpy"></span>  */
#logoConsoSpy
{ 
   background:url(./../../../img/logo_ConsoSpy.jpg) left top; 
   width:40px; 
   height:20px;
   display: block;
   float: left;
}

#logoINSOCO
{ 
   background:url(./../../../img/logo_Insoco.jpg) left top; 
   width:40px; 
   height:20px;
   display: block;
   float: left;
}
#logoGPPEP
{ 
   background:url(./../../../img/logo_GPPEP.jpg) left top; 
   width:40px; 
   height:20px;
   display: block;
   float: left;
}

#logoForumPV
{ 
   background:url(./../../../img/logo_ForumPV.jpg) left top; 
   width:40px; 
   height:20px;
   display: block;
   float: left;
}

#logoBDPV
{ 
   background:url(./../img/logo_BDPV.png) left top; 
   width:40px; 
   height:20px;
   display: block;
   float: left;
}

#logoTeleinfo
{ 
   background:url(./../../../img/logo_Teleinfo.jpg) left top; 
   width:40px; 
   height:20px;
   display: block;
   float: left;
}

#logoEnphase
{ 
   background:url(./../../../img/logo_Enphase.png) left top; 
   width:40px; 
   height:20px;
   display: block;
   float: left;
}

#logoJSunnyReport
{ 
   background:url(./../../../img/logo_JSunnyReport.png) left top; 
   width:40px; 
   height:20px;
   display: block;
   float: left;
}

/*---------------------------------------------------*/
/* Symbole pour les évènements */
#symbPluie
{ 
   background:url(./../../../img/prod_evt_pluie.png) left top; 
   width:32px; 
   height:32px;
   display: block;
   float: left;
}
#symbSoleilPluie
{ 
   background:url(./../../../img/prod_evt_soleilPluie.png) left top; 
   width:32px; 
   height:32px;
   display: block;
   float: left;
}
#symbBrume
{ 
   background:url(./../../../img/prod_evt_brume.png) left top; 
   width:32px; 
   height:32px;
   display: block;
   float: left;
}
#symbArret
{ 
   background:url(./../../../img/prod_evt_arret.png) left top; 
   width:32px; 
   height:32px;
   display: block;
   float: left;
}
#symbSoleil
{ 
   background:url(./../../../img/prod_evt_soleil.png) left top; 
   width:32px; 
   height:32px;
   display: block;
   float: left;
}
#symbSoleilNuage
{ 
   background:url(./../../../img/prod_evt_soleilNuage.png) left top; 
   width:32px; 
   height:32px;
   display: block;
   float: left;
}


/*---------------------------------------------------*/
/* Hauteur du graphique de score - Fiche utilisateur  */
#pie-score{
    height:100px;
    max-width:150px;
}
.text-score{
    max-width:200px;
    margin: 0 auto;
}


/*---------------------------------------------------*/
/* Pour centrer le recaptcha de Google*/
div.g-recaptcha {
  margin: 0 auto;
  width: 304px;
}


/*---------------------------------------------------*/
/* Pour mettre le bouton modifier sur l'image de l'installation*/
.surImage {
    position:absolute;
 		bottom : 3%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*---------------------------------------------------*/
/* Pour mettre le bouton modifier sur l'image de l'installation   (Pour la page gestion installation)  */
.surImageCreer {
    position:absolute;
 		bottom : 3%;
    left: 50%;
    transform: translate(-50%, -5%);
}


/*---------------------------------------------------*/
/*COULEUR Texte et control du carroussel*/

.carousel-control.left, .carousel-control.right{ 
		background: none !important; 
		filter: progid:none !important; 
}

.carousel-indicators li {
  border:1px solid #A95151;
}

.carousel-indicators .active {
  background-color:#A95151;
}

.carousel-caption {
	color:#A95151;
}
 /*---------------------------------------------------*/
 
/* Padding - GLOBAL - POSITIF*/
.padding5
  {padding:5px;}

.padding10
  {padding:10px;}

.padding20
  {padding:20px;}

 
 /* Padding - GAUCHE - POSITIF*/
.paddingl0
  {padding-left:0px;}

.paddingl5
  {padding-left:5px;}

.paddingl10
  {padding-left:10px;}

.paddingl20
  {padding-left:20px;}

.paddingl30
  {padding-left:30px;}

 /* Padding - GAUCHE - NEGATIF*/
.paddinglm5
  {padding-left:-5px;}

.paddinglm10
  {padding-left:-10px;}

.paddinglm20
  {padding-left:-20px;}

.paddinglm30
  {padding-left:-30px;}
  
 /* Padding - DROITE - POSITIF*/
.paddingr0
  {padding-right:0px;}
 
.paddingr5
  {padding-right:5px;}
 
.paddingr10
  {padding-right:10px;}
 
.paddingr20
  {padding-right:20px;}
 
.paddingr30
  {padding-right:30px;}
 
 
  /* Padding - TOP - POSITIF*/
.paddingt0
  {padding-top:0px;}
 
.paddingt5
  {padding-top:5px;}
 
.paddingt10
  {padding-top:10px;}
 
.paddingt20
  {padding-top:20px;}
 
.paddingt30
  {padding-top:30px;}
 
 
  /* Padding - BOTTOM - POSITIF*/
.paddingb0
  {padding-bottom:0px;}
 
.paddingb5
  {padding-bottom:5px;}
 
.paddingb10
  {padding-bottom:10px;}
 
.paddingb20
  {padding-bottom:20px;}
 
.paddingb30
  {padding-bottom:30px;}
  
 
/*---------------------------------------------------*/ 
.centered
{
    text-align:center;
}
/*---------------------------------------------------*/
 /* Marge 0 Auto (centrage */
.martin0auto {
  margin: 0 auto;
}

 /*---------------------------------------------------*/
 /* Marge TOP/BOTTOM - NEGATIVES*/
.margintbm5
  {margin-top:-5px;margin-bottom:-5px;}
  
.margintbm10
  {margin-top:-10px;margin-bottom:-10px;}
  
.margintbm20
  {margin-top:-20px;margin-bottom:-20px;}
  
.margintbm30
  {margin-top:-30px;margin-bottom:-30px;}

.margintbm40
  {margin-top:-40px;margin-bottom:-40px;}

.margintbm50
  {margin-top:-50px;margin-bottom:-50px;}

 /*---------------------------------------------------*/
 /* Marge TOP/BOTTOM  - POSITIVES*/
.margintb5
  {margin-top:5px;margin-bottom:5px;}
  
.margintb10
  {margin-top:10px;margin-bottom:10px;}
  
.margintb20
  {margin-top:20px;margin-bottom:20px;}
  
.margintb30
  {margin-top:30px;margin-bottom:30px;}

.margintb40
  {margin-top:40px;margin-bottom:40px;}

.margintb50
  {margin-top:50px;margin-bottom:50px;}

 /*---------------------------------------------------*/
 /* Marge LEFT / RIGHT - NEGATIVES*/
.marginlrm5
  {margin-left:-5px;margin-right:-5px;}
  
.marginlrm10
  {margin-left:-10px;margin-right:-10px;}
  
.marginlrm20
  {margin-left:-20px;margin-right:-20px;}
  
.marginlrm30
  {margin-left:-30px;margin-right:-30px;}

.marginlrm40
  {margin-left:-40px;margin-right:-40px;}

.marginlrm50
  {margin-left:-50px;margin-right:-50px;}

 /*---------------------------------------------------*/
 /* Marge LEFT / RIGHT - POSITIVES*/
.marginlr5
  {margin-left:5px;margin-right:5px;}
  
.marginlr10
  {margin-left:10px;margin-right:10px;}
  
.marginlr20
  {margin-left:20px;margin-right:20px;}
  
.marginlr30
  {margin-left:30px;margin-right:30px;}

.marginlr40
  {margin-left:40px;margin-right:40px;}

.marginlr50
  {margin-left:50px;margin-right:50px;}

 /*---------------------------------------------------*/
 /* Marge LEFT  POSITIVES*/
.marginl0
  {margin-left:0px;}
  
.marginl5
  {margin-left:5px;}
  
.marginl10
  {margin-left:10px;}
  
.marginl20
  {margin-left:20px;}
  
.marginl30
  {margin-left:30px;}

.marginl40
  {margin-left:40px;}

.marginl50
  {margin-left:50px;}

 /*---------------------------------------------------*/
 /* Marge LEFT  NEGATIVES*/
.marginlm5
  {margin-left:-5px;}
  
.marginlm10
  {margin-left:-10px;}
  
.marginlm20
  {margin-left:-20px;}
  
.marginlm30
  {margin-left:-30px;}

.marginlm40
  {margin-left:-40px;}

.marginlm50
  {margin-left:-50px;}

 /*---------------------------------------------------*/
 /* Marge RIGHT POSITIVES*/
.marginr0
  {margin-right:0px;}
  
.marginr5
  {margin-right:5px;}
  
.marginr10
  {margin-right:10px;}
  
.marginr20
  {margin-right:20px;}
  
.marginr30
  {margin-right:30px;}
  
.marginr40
  {margin-right:40px;}
  
.marginr50
  {margin-right:50px;}


 /*---------------------------------------------------*/
 /* Marge RIGHT NEGATIVES*/
.marginrm5
  {margin-right:-5px;}
  
.marginrm10
  {margin-right:-10px;}
  
.marginrm20
  {margin-right:-20px;}
  
.marginrm30
  {margin-right:-30px;}
  
.marginrm40
  {margin-right:-40px;}
  
.marginrm50
  {margin-right:-50px;}



  
 /* Marge BOTTOM - POSITIVES*/
.marginb0
  {margin-bottom:0px;}

.marginb5
  {margin-bottom:5px;}

.marginb10
  {margin-bottom:10px;}
  
.marginb20
  {margin-bottom:20px;}
  
.marginb30
  {margin-bottom:30px;}

.marginb40
  {margin-bottom:40px;}

.marginb50
  {margin-bottom:50px;}


 /* Marge BOTTOM - NEGATIVES*/
.marginbm10
  {margin-bottom:-10px;}
  
.marginbm20
  {margin-bottom:-20px;}
  
.marginbm30
  {margin-bottom:-30px;}
  
.marginbm40
  {margin-bottom:-40px;}
  
.marginbm50
  {margin-bottom:-50px;}




 /*Marges TOP - POSITIVES*/
.margint0
  {margin-top:0px;}

.margint5
  {margin-top:5px;}

.margint10
  {margin-top:10px;}

.margint20
  {margin-top:20px;}

.margint30
  {margin-top:30px;}

.margint40
  {margin-top:40px;}

.margint50
  {margin-top:50px;}
  
.margint100
  {margin-top:100px;}

.margint150
  {margin-top:150px;}

 /*Marges TOP - NEGATIVES*/
.margintm5
  {margin-top:-5px;}

.margintm10
  {margin-top:-10px;}

.margintm20
  {margin-top:-20px;}

.margintm30
  {margin-top:-30px;}

.margintm40
  {margin-top:-40px;}

.margintm50
  {margin-top:-50px;}
  
.margintm100
  {margin-top:-100px;}

.margintm150
  {margin-top:-150px;}

   
 /*---------------------------------------------------*/
 /* Fond carré Homepage*/ 
.bg-color-blueGray{background-color:#F1F3EF!important}

 /*---------------------------------------------------*/
 /* Couleurs */
.blue {
    color: blue;
}

.red {
    color: red;
}