@charset "utf-8";
@media (min-width: 1450px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1350px;	}
}

@media (max-width: 1449px) {
	h1, .h1, .path-frontpage .block > h2 { font-size:35px; }
	/******************************************************************************************************************/
	/************************************************* TEMPLATE *******************************************************/
	/******************************************************************************************************************/

	/******************************************************************************************************************/
	/*************************************************** HEADER *******************************************************/
	/******************************************************************************************************************/
	#header #header-body > .container > .row #header-right .region-header-right .block-menu ul.sf-menu.menu li a { font-size:20px; }

	/******************************************************************************************************************/
	/************************************************** AGENDA ********************************************************/
	/******************************************************************************************************************/
	/* BUG */
	.path-agenda .view-agenda .view-content .views-row:nth-child(2n):last-child { margin-left: 22px; }
	/* FIN BUG */
	
	/******************************************************************************************************************/
	/*************************************************** ALBUM ********************************************************/
	/******************************************************************************************************************/
	.view-album .view-content .views-row { width: 8%; margin: 0 0.1665% 0.33%; }

	/******************************************************************************************************************/
	/************************************************ LIENS UTILES ****************************************************/
	/******************************************************************************************************************/
	.view-liens-utiles .views-row { width: 20%; }
}

@media (max-width: 1199px) {
	.ui-widget.ui-tabs .ui-tabs-nav li a { padding:15px; }

	/******************************************************************************************************************/
	/************************************************* TEMPLATE *******************************************************/
	/******************************************************************************************************************/

	/******************************************************************************************************************/
	/*********************************************** OVERLAY MENU *****************************************************/
	/******************************************************************************************************************/
	#overlay-menu .overlay-menu-close-container { width: 35%; }
	#overlay-menu .region-overlay-menu { width: 65%; }

	/******************************************************************************************************************/
	/************************************************* ACTUALITE ******************************************************/
	/******************************************************************************************************************/
	.view-actualites .view-content .views-row { width:100%; }
	.view-actualites .view-content .views-row .views-field-field-image { width:40%; }
	.view-actualites .view-content .views-row .views-field-body { width:60%; }

	/******************************************************************************************************************/
	/************************************************** AGENDA ********************************************************/
	/******************************************************************************************************************/
	/* BUG */
	.path-agenda .view-agenda .view-content .views-row:nth-child(2n):last-child { margin-left: 18px; }
	/* FIN BUG */


	/******************************************************************************************************************/
	/*************************************************** ALBUM ********************************************************/
	/******************************************************************************************************************/
	.view-medias .view-content .views-row { width: 32%; }
	.view-album .view-content .views-row { width: 9%; margin: 0 0.5% 1%; }
	#block-views-block-album-block-2 .view-album .view-content .views-row { width: 32%; }

	/******************************************************************************************************************/
	/*********************************************** PARTENAIRES ******************************************************/
	/******************************************************************************************************************/
	.view-partenaires .view-content .views-row { width:30%; margin:0 1.665% 3.333%; }
}

@media (max-width: 991px) {
	#block-asr-breadcrumbs { display:none; }
	#block-asr-page-title { margin-top:40px; }

	.ui-widget.ui-tabs .ui-tabs-nav li a { padding:10px; font-size:16px; }

	/******************************************************************************************************************/
	/************************************************* TEMPLATE *******************************************************/
	/******************************************************************************************************************/

	/******************************************************************************************************************/
	/*************************************************** HEADER *******************************************************/
	/******************************************************************************************************************/
	#header #header-body > .container > .row #header-right .region-header-right { justify-content:end; }
	#header #header-body > .container > .row #header-right .region-header-right .block-menu { display:none; }
	body #navigation { border-top:1px solid rgba(var(--couleur2)); }
	#navigation { background-color:rgba(var(--couleur1)); }
	#navigation .container { position:relative; }
	#navigation .container #block-navigationprincipale-2 { display:block; }
	#navigation .container .block-menu ul.sf-menu.menu li a { color:rgba(var(--blanc)); }
	#navigation .container .block-menu ul.sf-menu.menu li a:hover { color:rgba(var(--couleur3)); }
	#navigation .container #block-navigationprincipale-2 .sf-accordion-toggle { position: absolute; top: -60px; right: 0px; }
	#navigation .container #block-navigationprincipale-2 .sf-accordion-toggle a {color: transparent; background: url(../images/burgerMenu.png) no-repeat center center; background-size: auto; width: 50px; height: 50px; display: block; background-size: contain; }

	/******************************************************************************************************************/
	/*********************************************** OVERLAY MENU *****************************************************/
	/******************************************************************************************************************/
	.toolbar-vertical.toolbar-tray-open	#overlay-menu .overlay-menu-close-container { width: 15%; }
	.toolbar-vertical.toolbar-tray-open #overlay-menu .region-overlay-menu { width: 85%; }

	/******************************************************************************************************************/
	/************************************************* SECTION ********************************************************/
	/******************************************************************************************************************/
	.path-frontpage #sidebar-second { padding-left: 15px; }

	/******************************************************************************************************************/
	/************************************************** AGENDA ********************************************************/
	/******************************************************************************************************************/
	#sidebar-second #block-views-block-agenda-block-1 { width: 80%; margin: auto; }
	.path-agenda .view-agenda .view-content .views-row { width: 100%; }
	/* BUG */
	.path-agenda .view-agenda .view-content .views-row:nth-child(2n):last-child { margin-left: 0px; }
	/* FIN BUG */

	/******************************************************************************************************************/
	/************************************************ ACTUALITES ******************************************************/
	/******************************************************************************************************************/
	.page-node-type-article .field--name-field-image { width:80%; margin:0 auto 20px; float:none; }

	/******************************************************************************************************************/
	/*************************************************** ALBUM ********************************************************/
	/******************************************************************************************************************/
	.view-album .view-content .views-row { width: 12%; margin: 0 0.25% 0.5%; }

	/******************************************************************************************************************/
	/************************************************ LIENS UTILES ****************************************************/
	/******************************************************************************************************************/
	.view-liens-utiles .views-row { width: 25%; }
}

@media (max-width: 767px) {
	h1, .h1, .path-frontpage .block > h2 { font-size:28px; }

	form .form-item label, form table.form tr td.label_form { width: 100%; }
	form .form-item .description { padding-left: 0;}
	form .form-item label + input, form .form-item label + select, form .form-item label + .form-textarea-wrapper, form table.form tr td.label_form + td:not(.label_form) { width: 100%; }

	/******************************************************************************************************************/
	/************************************************* TEMPLATE *******************************************************/
	/******************************************************************************************************************/
	.ui-widget.ui-tabs .ui-tabs-nav li { width:100%; }
	.ui-widget.ui-tabs .ui-tabs-nav li + li { border-top:1px solid rgba(var(--gris1)); }

	/******************************************************************************************************************/
	/************************************************* ACTUALITE ******************************************************/
	/******************************************************************************************************************/
	.view-actualites .view-content { justify-content:center; }
	.view-actualites .view-content .views-row { display:flex; flex-direction:column; width:80%; }
	.view-actualites .view-content .views-row .views-field-field-image, .view-actualites .view-content .views-row .views-field-body { width:100%; float:none; }
	.view-actualites .view-content .views-row .views-field-field-image { order:1; }
	.view-actualites .view-content .views-row .views-field-title { order:2; }
	.view-actualites .view-content .views-row .views-field-field-date-actualite { order:3; }
	.view-actualites .view-content .views-row .views-field-body { order:4; }
	.page-node-type-article .field--name-field-image { width:90%; }

	/******************************************************************************************************************/
	/************************************************** AGENDA ********************************************************/
	/******************************************************************************************************************/
	#sidebar-second #block-views-block-agenda-block-1 { width: 90%; }

	/******************************************************************************************************************/
	/*************************************************** ALBUM ********************************************************/
	/******************************************************************************************************************/
	.view-medias .view-content .views-row { width: 49%; }
	.view-album .view-content .views-row { width: 16%; margin: 0 0.333% 0.666%; }
	#block-views-block-album-block-2 .view-album .view-content .views-row { width: 49%; }

	/******************************************************************************************************************/
	/*********************************************** PARTENAIRES ******************************************************/
	/******************************************************************************************************************/
	.view-partenaires .view-content .views-row { width:45%; margin:0 2.5% 5%; }
	.view-details-partenaire .views-field.views-field-field-logo-partenaire { float: none; margin: 0 auto 20px; max-width:80%; }

	/******************************************************************************************************************/
	/************************************************ LIENS UTILES ****************************************************/
	/******************************************************************************************************************/
	.view-liens-utiles .views-row { width: 33.33%; }

	/******************************************************************************************************************/
	/*************************************************** FOOTER *******************************************************/
	/******************************************************************************************************************/
	#footer #footer-first > .container > .row { flex-direction: column; }
	#footer h2 { justify-content:center; }
	#footer #footer-first #footer-first-2 { order:1 }
	#footer #footer-first #footer-first-1 { order:2; text-align: center; margin: 20px 0; }
	#footer #footer-first #footer-first-3 { order:3; text-align: center; }
	#footer #footer-first #footer-first-3 #block-liensfooter { text-align:center; }
}

@media (max-width: 575px) {
	/******************************************************************************************************************/
	/*************************************************** HEADER *******************************************************/
	/******************************************************************************************************************/
	#header #header-body > .container > .row #header-logo img { max-width:135px; }

	/******************************************************************************************************************/
	/************************************************* ACTUALITE ******************************************************/
	/******************************************************************************************************************/
	.view-actualites .view-content .views-row { width:90%; }

	/******************************************************************************************************************/
	/************************************************** AGENDA ********************************************************/
	/******************************************************************************************************************/
	#sidebar-second #block-views-block-agenda-block-1 { width: 100%; }
	.path-agenda .view-agenda .view-content .views-row .views-field-title .field-content a .date { min-width: 70px; width: 70px; }

	/******************************************************************************************************************/
	/*************************************************** ALBUM ********************************************************/
	/******************************************************************************************************************/
	.view-medias .views-exposed-form .form--inline > div { width:49%; }
	.view-medias .views-exposed-form .form--inline > div#edit-actions { width: 100%; }
	.view-album .view-content .views-row { width: 24%; margin:0 0.5% 1% }
	#block-views-block-album-block-2 .view-album .view-content .views-row { width: 100%; margin: 0 0 1%; }

	/******************************************************************************************************************/
	/*********************************************** PARTENAIRES ******************************************************/
	/******************************************************************************************************************/
	.view-details-partenaire .views-field.views-field-field-logo-partenaire { max-width:90%; }

	/******************************************************************************************************************/
	/************************************************ LIENS UTILES ****************************************************/
	/******************************************************************************************************************/
	.view-liens-utiles .views-row { width: 50%; }
}

@media (max-width: 449px) {

	/******************************************************************************************************************/
	/*************************************************** HEADER *******************************************************/
	/******************************************************************************************************************/
	body:not(.sticky) #navigation .container #block-navigationprincipale .sf-accordion-toggle { top: -200px; right: 40px; }
	body.sticky #navigation .container #block-navigationprincipale .sf-accordion-toggle { right: 20px; }

	/******************************************************************************************************************/
	/************************************************ ACTUALITES ******************************************************/
	/******************************************************************************************************************/
	.page-node-type-article .field--name-field-image { width:100%; }

	/******************************************************************************************************************/
	/*************************************************** ALBUM ********************************************************/
	/******************************************************************************************************************/
	.view-medias .views-exposed-form .form--inline > div { width:100%; }
	.view-medias .view-content, .view-medias .views-infinite-scroll-content-wrapper { justify-content: center; }
	.view-medias .view-content .views-row { width: 90%; }

	/******************************************************************************************************************/
	/*********************************************** PARTENAIRES ******************************************************/
	/******************************************************************************************************************/
	.view-details-partenaire .views-field.views-field-field-logo-partenaire { max-width:100%; }
}

@media (max-width: 399px) {
	/******************************************************************************************************************/
	/************************************************* ACTUALITE ******************************************************/
	/******************************************************************************************************************/
	.view-actualites .view-content .views-row { width:100%; }

	/******************************************************************************************************************/
	/*************************************************** ALBUM ********************************************************/
	/******************************************************************************************************************/
	.view-medias .view-content .views-row { width: 100%; }
	.view-album .view-content .views-row { width: 32%; }

	/******************************************************************************************************************/
	/*********************************************** PARTENAIRES ******************************************************/
	/******************************************************************************************************************/
	.view-partenaires .view-content .views-row { width:100%; margin:0 0 40px; }
}