/* ////////////////////////////////////////////////////////////////////////////

	RESPONSIVE & MEDIA
	
//////////////////////////////////////////////////////////////////////////// */

@media (hover: hover) { /* the device can hover over elements */ }
@media (hover: none) { /* the device cannot hover over elements */ }

@media (min-width: 1921px) {

}

@media (max-width: 1441px) {
	/* XL: big landscape tablets, laptops, and desktops */
    
    #home-actus::before, #home-actus::after {
        display:none;
    }

}

@media (max-width: 1281px) {

}

@media (max-width: 1025px) {

	#raccourcisbar #action-menu-resp {
		display: block;
	}
    
    #footer-content .container {
        flex-wrap:wrap;
    }

    .footer-col {
        width:40%;
        margin-bottom:20px;
    }

}


@media (max-width: 801px) {
	/* M: portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
    
    #raccourcisbar a img {
        width: 34px;
        height: 34px;
    }
    
    #acces-rapides {
        padding: 15px 0 0 0;
    }    
    #acces-rapides .container {
        display:flex;
        justify-content:space-between;
        flex-wrap:wrap;
        background-image:none;
    }
    .acces-rapide {
        display:flex;
        align-items:center;
        margin-bottom:15px;
        width:50%;
    }
    .acces-rapide img {
        margin-right:15px;
        width:30px;
        height:30px;
    }
    
    #raccourcisbar a#trigger-call {
        display:flex;
    }
}

@media (max-width: 515px) {
	/*  smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    .footer-col {
        width:100%;
        margin:0;
        margin-bottom:20px;
    }
    .footer-col p {
        text-align:center;
    }
    .footer-col .rs-list {
        justify-content:center;
    }
    #footer-bas .container {
        display:block;
        text-align:center;
    }    
    #footer-bas .container a {
        display:block;
    }
    
    #menusbar {
        position:fixed;
        top:0;
        left:0;
        background:none;
        z-index:1001;
      
    }
    #branding {
        /* margin-top:50px; */
        margin-top: 40px;
    }
    
    #raccourcisbar {         
      background: rgba(0, 93, 143, 0.8);
      backdrop-filter: blur(10px);      
    }
    
    #raccourcisbar a#trigger-accessibility {
        display:none;
    }
}

@media (max-width: 451px) {

}

@media (max-width: 370px) {
	/* XS: smartphones, portrait iPhone, portrait 480x320 phones (Android) */

    #acces-rapides {
        padding: 15px 0 0 0;
    }    
    #acces-rapides .container {
        display:block;
    }
    .acces-rapide {
        width:50%;
    }

}
  
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */

@media print {
	*,
	*::before,
	*::after {
		background: #fff !important;
		color: #000 !important;
		/* Black prints faster */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]::after {
		content: " (" attr(href) ")";
	}

	abbr[title]::after {
		content: " (" attr(title) ")";
	}

	/*
		* Don't show links that are fragment identifiers,
		* or use the `javascript:` pseudo protocol
		*/
	a[href^="#"]::after,
	a[href^="javascript:"]::after {
		content: "";
	}

	pre {
		white-space: pre-wrap !important;
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	/*
		* Printing Tables:
		* https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
		*/
	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	#action-menu-resp {
	  display: none;
	}
}