/* ===================================================================================================================================================== */
/* IMAGE RESPONSIVE OVERRIDE */
/* ===================================================================================================================================================== */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WIDTH <= 900 px -------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 900px) {

	#header .logo, #header_opcompte .logo {
		background: url(../images/minilogo.png) no-repeat top left;	
	}

}


@media (max-width: 500px) {

		#header .logo, #header_opcompte .logo {
				background: url(../images/minilogo.png) no-repeat top left;	
		}

		#accessibilite {
		  position: relative;
		  float: left;
		  font-size: 10px;
		  line-height: 10px;
		  color: white;
		  background: #808080;
		  height: auto;
		  margin-bottom: 10px;
			margin-left:  100px;
		  margin-right: 5px;
			margin-top: 10px;
			border: none;
		}
			
		#accessibilite #assistance {
		  display: block;
		  float: left;
		  color: #Fff;
		  margin: 0 5px 0px 0;
		  padding: 3px 5px 3px 0;
		  word-wrap: normal;
		  border-right: none;
		}
			
			
			#accessibilite #action {
		  display: none;
		  font-weight: normal;
		  padding-top: 8px;
		  padding-right: 4px;
		  text-transform: uppercase;
		}
			
			
		#accessibilite #view {

			display: none;
			float: left;
			font-weight: normal;
			padding-top: 8px;
			text-transform: uppercase;

		}

}