/*	OTONOME-V3 personnlisation du fichier */

.Titre {
	font-family	: ArcherPro-Medium;
	color :#000;
}


.CarteOrangeCMmini {
	border:3px solid #fff;
	background:#ec552c;
	color:#fff;
	padding:8px;
	font-size: 1.6em;
}

#authentification{
	position		 : absolute;
	width			 : 100%;
	height			 : 100%;
	background-image:url(images/commun/bg.careme-mini.2.png);
	background: cornflowerblue;
	z-index			 : 99999;
}




 .styled select {
     background: transparent;
     padding: 5px 35px 5px 5px;
     font-size: 14px;
    border: 0px solid #742670;
    height: 34px;
     width:100%;
}
.styled {
    color:#742670;
    height: 34px;
    border: 1px solid #742670;
    overflow: hidden;
   
    background: url(../images/commun/fl_bas_tavie_30.png) 96% / 20% no-repeat #fff;
    background-size: 20px;
    
}
/* OTONO-ME */
.well {
 min-height: 20px;
  padding: 10px;
  margin-bottom: 20px;
  background-color: #742670;
  border: 0px solid #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
    #ChargeJauge{
      /*  
         -webkit-filter: drop-shadow(0px 0px 10px #00B2E1);
        filter: drop-shadow(0px 0px 10px #00B2E1);
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
*/
        filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=5, Color='Black', Positive='true');
-webkit-filter: drop-shadow(0px 0px 10px #742670);
filter: drop-shadow(0px 0px 10px #742670);

}


	.MENU1 {
		color			 : #fff;
		background-color : #ec552c ; /*#2626ff*/
		box-shadow		 : -1px 2px 5px 1px rgba(0, 0, 0, 0.3); 
	}
	
	#btn_MonService_rect,#btn_MonService_fleche {
		fill: #fff ;
	
	}	
	 	
	.btn_MonService_txt,.btn_SeDeconnecter_txt {
		fill:#fff	;
	
	}
	
    #btn_SeDeconnecter_rect {
		fill:#fff	;
	}

   #btn_SeDeconnecter_rect {
        stroke:#fff
    }
 
	#Footer {/*
		height:50px;
		color : #742670;
		background-color : #fff ;*/
	}

#Dern30{
	font-size: 18pt
}

/* LG */
	@media (min-width: 1300px) {

		#ImgDernNotif {
			width 			: 80px;
		}

		#PieceTitre	{
			top			: 100px;
			font-size	: 35px;
		}

    	#LogoAuthentification {
			margin-top	: 50px;
			width		: 300px;
	   	}
        .logoOtonome {
            width		: 180px;
            margin-left	: 20px; 
            margin-top	: 10px;
        }


    }

/* MD */
    @media (min-width: 992px) and (max-width: 1300px) {
        #LogoAuthentification {
		margin-top		 : 20px;
		width			 : 260px;	
	   }
        .logoOtonome {
            width			: 140px;
            margin-left		: 10px; 
            margin-top		: 15px;
        }
        .Interligne80 {
          margin-top		: 10px;  
        }
        /*
        .BtnOrange,.BtnBleu {
          margin-top		: 5px;
		  padding			: 8px ;  
        }*/
    }

/* SM */
    @media (min-width: 768px) and (max-width: 992px) { 
         #LogoAuthentification {
		margin-top		 : 20px;
		width			 : 230px;	
	}
	.logoOtonome {
		width			: 110px;
		margin-left		: 10px;
		margin-top		: 15px;
	}    
}

/* XS */
@media (max-width: 768px) {

	#perso_identification{
		top:575px;
	}
	#maison_identification{
		top:500px;
	}

	#perso_creer_compte{
		top:775px;
	}
	#maison_creer_compte{
		top:700px;
	}

    #LogoAuthentification {
		margin-top		 : 10px;
		width			 : 200px;
	}
    .logoOtonome {
		width		: 80px;
		margin-left	: 10px; 
		margin-top	: 10px;
	}

	#Dern30{
		font-size: 12pt
	}

}

/* Prend le pas sur otonomeperso.css */
	.AuthTexte {
		font-family		: ArcherPro-Medium; 
		font-size		 : 20px; 
		color			 : #742670; 
		line-height 	: 25px;
	}

/*	Cache Maison*/
	#CacheMaison { 
        background-color:#742670;
		filter: alpha(opacity=0);
		opacity: 0;
		-moz-opacity:0;
		-khtml-opacity: 0;
		
		}

input[type="checkbox"]:after,
.checkbox input[type="checkbox"]:after,
.checkbox-inline input[type="checkbox"]:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -2px;
  margin-right: 5px;
  border: 2px solid #742670;
  background:#fff;
  border-radius: 2px;
  -webkit-transition: 240ms;
  -o-transition: 240ms;
  transition: 240ms;
}

input[type="checkbox"]:checked:after,
.checkbox input[type="checkbox"]:checked:after,
.checkbox-inline input[type="checkbox"]:checked:after {
  background-color: #742670;
  border-color: #742670;
}

    #LibMotPassePerdu,#ZoneChange{
		
		font-family:ArcherPro-Medium; 
		color:#742670; 
		
	}

    #waittxt,#LibIdentifier,#LibPwdVisible,#LibCguVisible {
       color:#00a6c1;
    }

	.BtnOrange {
		background-color:#F05B22;
		border-radius:3px;
		border:1px solid #F05B22;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-family	: Montserrat-Regular;
		text-decoration:none;
	}
    .BtnBleu {
		background-color:#F05B22;
		border:0px solid #F05B22;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-family	: Montserrat-Regular;
		text-decoration:none;
	}

    .BtnOrange:hover,.BtnBlanc:hover ,.BtnBlancR:hover{
		color:#00a6c1;
		text-decoration:none;
		background-color:#ffffff;
        	border-radius:3px;
		border:1px solid #00a6c1;
	}

	.BtnBleu:hover {
		color:#00a6c1;
		text-decoration:none;
		background-color:#fffefe;
        border-radius:3px;
		border:1px solid #00a6c1;
	}
	
	.BtnOrange:active,.BtnBleu:active,.BtnBlanc:active {
		position:relative;
		top:1px;
	}

a.LinkB:link {
		 color: #ffffff;
	 }

/* visited link */
a.LinkB:visited {
	color: #ffffff;
}

/* mouse over link */
a.LinkB:hover {
	color: #ffffff;
}

/* selected link */
a.LinkB:active {
	color: #ffffff;
}