/*DOM selector*/
	
	a {
		color: 				#335588;
		text-decoration: 	none;
	}
	a:hover {
		color: 				#700;
	}
	
	
	
	h1,h2,h3,h4,h5 {
        font-variant: small-caps;
        font-weight:lighter;
    }
    h1 {font-size:2.4rem;}
    h2 {font-size:1.8rem;}
    h3 {font-size:1.4rem;}
    h4 {font-size:1.2rem;}
    h5 {font-size:1.0rem;}
	
	p {
		/*margin-bottom: 	0.3rem;*/
		margin: 0;
	}
	
	ul {
		margin:					0;
		padding:				0;
		list-style-position: 	inside;
	}





/* Scrollbars */
	html {
	  --sliderColor: #f9f9f9;
	  --scrollbarBG: #FFF;
	}

	body::-webkit-scrollbar {
	  width: 0.7rem;
	}
	body {
	  scrollbar-width: thin;
	  scrollbar-color: var(--sliderColor) var(--scrollbarBG);
	}
	body::-webkit-scrollbar-track {
	  background-color: var(--scrollbarBG);
	}
	body::-webkit-scrollbar-thumb {
	  background-color: var(--sliderColor) ;
	}
	body::-webkit-scrollbar-button{
	}
	/*end scrollbars*/
    
  



/*Standard elements*/    

	.nobr {
	  white-space: nowrap;
	}

	.bold-text{
		font-weight: bold;
	}

	.invisible{
		display: none;
	}
	
	



/*Status class*/	
    .inactif{
        color: #CCC;
    }
    .notAvailable{
        color: #999;
        text-decoration:line-through;
    }
    .problem{
        color: #F00;
    }
    
    .error-msg {
        color: #D8000C;
    }
    
    .success-msg {
        color: #176701;
    }
    
    .neutral-msg {
        color: #666;
    }
    
    .promo-message{
        color: #669900;
    }
		
	.LangueDefautAnnonce{
		color:#999;	
	}
	
	
	/*Center inline-element vertically*/
	/*Class to add to a span include in the container besides a image or else to be able to center it vertically*/
	.vCenterHelper	{
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}



/*Inputs*/

	.input_select_multiple_dropdown_container{
		position:	relative;
		height: 	3rem;
		
	}
		.input_select_multiple_dropdown{
			position:	relative;
			height:		100%;
			z-index:	1;
		}
		
		.input_select_multiple_dropdown:hover{
			height: 	20rem;
			z-index:	1000;
		}
		option:checked {
			color:	#000;
			background: linear-gradient(#888, #888);
			
		}
		


/*System messages*/
    
    .systemMsg{
        width:		100%;
    	display:	block;
        padding: 	0.3rem;
        text-align:	center;
        
        background-color:#028;
        color:	#999999;
        
        font-size:	1rem;
    }
    
    	.systemMsg a{
			color:#FFF        
        }
        
        .systemMsg a:hover{
			color:#777        
        }
        
        /*No Javascript enabled */ 
        #noScriptMsg{
            
        }
        
        /*Cookies not accepted*/
        #noCookieMsg{

        }
        
        #CookiesDisabledMsg{
            
        }
		
		
	
	
	
	
	#Server-response{
			margin: 1em auto;
			padding: 1em;
			text-align: center;  
		}
		
		#Server-response p{
			display: block;
			line-height: 150%;
		}
		
			#Server-response-status-message{
				margin: 0 0 1em 0;
			}
			
			#Server-response-instruction-message{
				margin: 0 0 1em 0;
			}
			
			#Server-response-link-container{
				margin: 2em 0 0 0;
				height: 2em;
			}
				#Server-response-link-container a{
					
					vertical-align: middle;
					padding: 0.5em 1em;
					
					border: 1px solid #ccc;
					border-radius:14px;

				}