#navbarSupportedContent2 .nav-link{
	
	color: black;
}

.hvrMobileAssoc {
	
	color: #006633 !important;
}

.btn-assoc{
	
}


.form-text , label{
	  font-weight: bold;
}



#title-rse{
	font-family : 'Leroy-Regular' 
}

.divider{
	border: 1px solid;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	margin-top: -7px;
	display : none;
}

body {
  font-family: 'Leroy-Regular';
  /*font-size: 48px;*/
}

.dropdown-item{
	
	font-weight: bold;
	margin-top: 13px;
}


 .navbar-light #navbarSupportedContent .navbar-nav .nav-link{
	color : black;
	font-weight: bold;
}

 .navbar-light #navbarSupportedContent .navbar-nav .dropdown-menu{
    font-weight : bold;
    width: 450%;
    /*margin-top: -15% !important;
    width: 450%;*/
 }




.circleBase {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}

.type1 {
    width: 100px;
    height: 100px;
    /*background: yellow;*/
    border: 1px solid #68132D;
    font-weight : bold;
}
.type2 {
    width: 50px;
    height: 50px;
    background: #ccc;
    border: 3px solid #68132D;
}
.type3 {
    width: 500px;
    height: 500px;
    background: aqua;
    border: 30px solid #68132D;
}



html
{
   overflow-x: hidden;
}

body
{
    margin: 0;
    box-sizing: border-box;
}

html, body
{
    height: 100%;
}


#navLogin {
	      
	      background-color: #68132D !important;
	      color : #ffffff;
	      padding-top: 1px;
	      padding-bottom : 1px;
	      font-size: 12px;
}

#navLoginSalar {
	
	      background-color: #990066 !important;
	      color : #ffffff;
	      padding-top: 1px;
	      padding-bottom : 1px;
	      font-size: 12px;
	
}



/*@media (max-width: 978px) {
    #containerLogin {
      padding:0;
      margin:0;
    }

    
}*/
#containerLogin {
	padding : 15px;
	margin: 0px;
}
/*#containerLogin{
	/*padding : 0px;
	margin: 0px;
	max-width: 1340px;*/
/*}*/

.admin{
	 
	 margin-right : 100px !important;  
	 
}

.logout .fas , .logout a {
	
	color: white !important;
	font-size: 14px !important;
}

.loginfa i.fab {
	
	display: inline-block;
    border-radius: 60px;
    box-shadow: 0px 0px 2px #888;
    padding: 0.4em 0.7em;
    background: #ffffff;
    color: ;
}

.logintw i.fab {
	
	display: inline-block;
    border-radius: 60px;
    box-shadow: 0px 0px 2px #ffffff;
    padding: 0.4em 0.4em;
    color: #ffffff;
}

.loginlnk i.fab {
	
	display: inline-block;
    border-radius: 6px;
    box-shadow: 0px 0px 2px #888;
    padding: 0.4em 0.5em;
    background: #ffffff;
    color:  !important;
}

.logininst i.fab {
	
	display: inline-block;
    border-radius: 60px;
    box-shadow: 0px 0px 2px #ffffff;
    padding: 0.4em 0.5em;
    background: transparent;
    color : #ffffff;
}

.loginAssocfa i.fab {
	
	display: inline-block;
    border-radius: 60px;
    box-shadow: 0px 0px 2px #888;
    padding: 0.4em 0.7em;
    background: #ffffff;
    color: #006633;
}

.loginAssoctw i.fab {
	
	display: inline-block;
    border-radius: 60px;
    box-shadow: 0px 0px 2px #ffffff;
    padding: 0.4em 0.4em;
    color: #ffffff;
}

.loginAssoclnk i.fab {
	
	display: inline-block;
    border-radius: 6px;
    box-shadow: 0px 0px 2px #888;
    padding: 0.4em 0.5em;
    background: #ffffff;
    color: #006633;
}

.loginAssocinst i.fab {
	
	display: inline-block;
    border-radius: 60px;
    box-shadow: 0px 0px 2px #ffffff;
    padding: 0.4em 0.5em;
    background: transparent;
    color : #ffffff;
}

/*******  SALARIE CSS  *****/

.loginSalarfa i.fab {
	
	display: inline-block;
    border-radius: 60px;
    box-shadow: 0px 0px 2px #888;
    padding: 0.4em 0.7em;
    background: #ffffff;
    color: #990066;
}

.loginSalartw i.fab {
	
	display: inline-block;
    border-radius: 60px;
    box-shadow: 0px 0px 2px #ffffff;
    padding: 0.4em 0.4em;
    color: #ffffff;
}

.loginSalarlnk i.fab {
	
	display: inline-block;
    border-radius: 6px;
    box-shadow: 0px 0px 2px #888;
    padding: 0.4em 0.5em;
    background: #ffffff;
    color: #990066;
}

.loginSalarinst i.fab {
	
	display: inline-block;
    border-radius: 60px;
    box-shadow: 0px 0px 2px #ffffff;
    padding: 0.4em 0.5em;
    background: transparent;
    color : #ffffff;
}

.blogin{
	     background-image: url('/images/fond-gris.jpg');
}

#menu {
  position: fixed;
  right: -8.5em;
  top: 50%;
  width: 8em;
  background: hsla(80, 90%, 40%, 0.7);
  color: white;
  margin: -3em 0 0 0;
  padding: 0.5em 0.5em 0.5em 2.5em;
}

.dropdown-menu .dropdown-item {
	  
	  float:left;
	  position:relative;
	  padding: .25rem 0.8rem;
}

.dropdown-menu {
	 min-width: 100% !important;
	 /*display: block;*/
	 /*margin-left: -130px;*/
	 border : none;
	 background: transparent;
	 padding: .1rem 0;
	 font-size: 11px;
}



.dropdown-menu li{
	float: left;
	margin-top: -4%;

}



/*.nav-item:after , .nav-item:hover{
	
	content: '';
    height: 1px;
	background: black; 
	display:block;
	
}*/

.input-group-addon{
	font-weight: bold;
}
/*.nav-item:hover  .divider{
	
	display : block;
	color: #68132D !important;
	
}

.nav-item:hover  .nav-link{
	
	
	
}

.nav-item:hover .dropdown-menu{
	
	
		display: block;
		
	
}

.dropdown-item:hover{
	color: #68132D !important;
	background: transparent !important;
}*/

.hover .nav-link{
	
	color : #68132D !important;
}

.hover .divider{
	
	display : block;
	color: #68132D!important;
}

.hover .dropdown-menu{

    background: transparent !important;
    display: block;
}

.hover .selected {

    color: #68132D!important;
}

.hover .current {

    color: #68132D!important;
}

.hover .divider{
	
	display : block;
	color: #68132D!important;
}

.hoverAssoc .dropdown-menu{

    background: transparent !important;
    display: block;
}

.hoverAssoc .selected {

    color: #006633!important;
}

.hoverAssoc .current {

    color: #006633!important;
}

.hoverAssoc .divider{
	
	display : block;
	color: #006633!important;
}

.hoverAssoc .nav-link {
	
	color : #006633;
}

/****** button menu salarie *******/

.hoverSalar .nav-link {
	
	color : #006633;
}

.hoverSalar .dropdown-menu{

    background: transparent !important;
    display: block;
}

.hoverSalar .selected {

    color: #990066!important;
}

.hoverSalar .current {

    color: #990066!important;
}

.hoverSalar .divider{
	
	display : block;
	color: #990066!important;
}


/*.hover{
	
	.divider{
		
		display : block;
	    color: #388349!important;
	}
	
	.dropdown-menu{
		
		
	    background: transparent !important;
	    display: block;
		
	}
	
	.selected {
		
		color: #388349 !important;
	}
}*/


#fond-gris-ad{
	
    background: url('/images/fond-gris-admin.jpg') no-repeat;
    height : 100%;
    /*-webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;*/
    /*background-size: 100% auto;
    height: 100%;
    margin:0px;
    padding:0px;*/
	
}

#navbarSupportedContent{
	color: black;
}