/* AUDIOVISUEL template-QUERIES.CSS ------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */
/* PERSONNALISÉ & IPHONE RETINA */ 
/* APPAREIL DE PETITE TAILLE & TÉLÉPHONE */ 
@media only screen and (min-width:120px), only screen and (min-width:320px), only screen and (min-width:480px){ 
html, body {cursor:pointer;}
	/*CONTENU*/
		/*TITRE*/
		h1,
		.home #main h2 {font-size:200%;}
		h2 {font-size:175%;}
		
		a:hover{color:#e35205;}
		
		#conteneur #header #header_couleur { background: url('images/header_bg-mobile.jpg') no-repeat; background-size: cover; font-family: 'object-fit: cover;';}
		#conteneur #header #header_couleur #header_interieur { height: 76px; }
		#conteneur #header #header_couleur #header_interieur div { height: auto; }
		#conteneur #header #header_couleur #header_interieur #logo { padding-top: 4px; width: 240px;}
		#conteneur #header #header_couleur #header_interieur #logo a img { width: auto; height: 42px; }
		#conteneur #header #header_couleur #header_interieur #btn_mobile { margin: 0;}
		#menu_mobile_btn { 
			background: #77c19a url(images/bg_menu_mobile.svg) no-repeat center center;
			color: #FFF;
			cursor: pointer;
			min-height: 76px;
			padding: 0 32px;
			width: 20px;
			box-shadow: none;
			border-radius: 0;
			border: none; 
			float: right;
		 }
		 .fermer_menu {
			background: #77c19a url(images/menu-fermer.svg) no-repeat center center;
			background-size: 20px 20px;
			margin: 10px 0;
			border: none;
			color: #FFF;
			cursor: pointer;
			min-height: 38px;
			box-shadow: none;
			border-radius: 0;
		}
			.fermer_menu:hover {
				border: none;
				box-shadow: none;
				border-radius: 0;
			}
		 
		 .menu_utilities { position: absolute; top: 122px; width: 100%; background:#77c19a; z-index: 999; display: none; font-family: 'Roboto', sans-serif;; /* padding: 5px 20px 5px;*/}
		 	.choix_langue { margin: 20px 10px 20px 10px; text-align: center; }
				.choix_langue ul,
				.choix_langue li { display:inline-block; }
				.choix_langue li.current-lang a {background:url('images/bg_langue_actif.svg') no-repeat left; padding: 5px 35px;}
					
					.choix_langue a { display: block; background: #6bad8a; color: #000; padding: 5px 35px; font-weight: bold; background: url('images/bg_langue.svg') no-repeat left;}
			.outils_recherche { margin: 5px 10px; }
				.outils_recherche-champ { width: 100%; height: 32px; border-radius: 3px; }
			 	.outils_recherche-envoie { background: url(images/loupe.svg) center no-repeat; width: 32px; height: 32px; position: absolute; top: 72px; right: 10px; box-shadow: none; border: none; }
				.outils_recherche-envoie:hover { box-shadow: none; border: none; }
			.menu_principal	{ margin: 20px 10px; }
			.menu_principal	li { margin: 0 0px 5px; }
			.menu_principal	li a { background: #6bad8a; color: #000; display: block; padding: 5px 10px; font-weight: bold;}
			.fermer_menu { width: 100%; }
		 
	 .metaslider .slides a:after {
		content: '';
		background: #e35205;
		color: #fff;
		width: 220px;

		display: block;
		position: absolute;
		right: 35%;
		bottom: 20px;
		font-size: 1.25em;
		padding: 20px;
		animation-delay: 3s;
		animation: fadein 2s;
		text-align: center;
	}
	@keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
	}
	.language-en .metaslider .slides a:after {
		content: 'More >';
	}
	.language-fr .metaslider .slides a:after {
		content: 'En savoir plus >';
	}
		 
		 #conteneur #header #header_couleur #header_interieur #logo {
			display: block;
			float: left;
			padding: 12px 20px 0;
			/*width: 56%;*/
		}
		 
		/*MENU PRINCIPAL*/
		#conteneur #contenu #menu_principal {background:#002439; display:none; padding:0 10px; position:absolute; width:100%; z-index:200;}
			#conteneur #contenu #menu_principal .menu-primary-container,
			#conteneur #contenu #menu_principal .menu-primary-en-container {margin-top:15px;}
			#conteneur #contenu #menu_principal #menu_secondaire_mobile {margin-top:30px;}
				#conteneur #contenu #menu_principal .menu {height:100%;}
					#conteneur #contenu #menu_principal .menu>li {background:#203f51; margin-bottom:2px; padding:0;}
					#conteneur #contenu #menu_principal .menu li.active_mobile,
					#conteneur #contenu #menu_principal .menu li.current-menu-parent {background:#405b6c;}
						#contenu #menu_principal .menu li a {color:#FFF; display:block; padding:10px 45px 12px 10px;}
						#conteneur #contenu #menu_principal .menu li a:hover {text-decoration:none;}
						#conteneur #contenu #menu_principal .menu li.current-menu-item a {background-color:#d2d9dc; color:#002439;}
						#conteneur #contenu #menu_principal .menu li.current-menu-parent a {}
						#conteneur #contenu #menu_principal .menu li.menu-item-has-children>a {background-image:url("images/plus.svg"); background-position-x:95%; background-position-y:50%; background-position:right 18px center; background-repeat:no-repeat;}
						#conteneur #contenu #menu_principal .menu li.menu-item-has-children>a.active_mobile {background-image:url("images/moins.svg"); text-decoration:none;}
						/*sous menu*/
						#conteneur #contenu #menu_principal .menu li ul {display:none; padding-bottom:20px;}
						#conteneur #contenu #menu_principal .menu li.current-menu-parent ul {display:block;}
							#conteneur #contenu #menu_principal .menu li ul li {background:none; border-bottom:1px solid #98a6af;	margin:0 0 0 10px; padding:0;}
							#conteneur #contenu #menu_principal .menu li ul li:first-child {border-top:1px solid #98a6af;}
							#conteneur #contenu #menu_principal .menu li ul li:hover {}
							#conteneur #contenu #menu_principal .menu li ul li.current-menu-item {}
								#conteneur #contenu #menu_principal .menu li ul li a {padding:8px 50px 9px 10px;}
			#conteneur #contenu #menu_principal #fermer_menu {background: rgba(0, 0, 0, 0) url("images/fleche_haut.svg") no-repeat scroll center center; height:44px; width:100%;}
			/*recherche mobile*/
			#conteneur #contenu #menu_principal #recherche_mobile {display:inline-block; padding:0; width:100%;}
				#conteneur #contenu #menu_principal #recherche_mobile .recherche_multi {float:none; padding:0;}
					#conteneur #contenu #menu_principal #recherche_mobile .recherche_multi input {border:0 none; height:30px; padding:0 10px; width:100%;}
					#conteneur #contenu #menu_principal #recherche_mobile .recherche_multi button {
						background: rgba(0, 0, 0, 0) url("images/loupe_mobile.svg") no-repeat scroll center center;
						box-shadow: none;
						border: 0;
						height: 100%;
						padding: 0 10px;
						position: absolute;
						right: 0;
						top: 0;
						width: 44px;
					}
					#conteneur #contenu #menu_principal #recherche_mobile .recherche_multi #uqam_conteneur_recherche_choix,
					#conteneur #contenu #menu_principal #recherche_mobile .recherche_multi .uqam_recherche-choix {display:none;}
		
		/*BANNIERE*/
		#conteneur #contenu #banniere {/*display:none;*/}
			#conteneur #contenu #banniere .easingslider, 
			#conteneur #contenu #banniere .easingslider .easingslider-viewport {height:0;}
					/*#conteneur #contenu #banniere .easingslider .easingslider-viewport .easingslider-slide {background-size:0;}
						#conteneur #contenu #banniere .easingslider .easingslider-viewport .easingslider-slide img {display:block !important;}*/
		
		/*CONTENU INTERIEUR*/
		#conteneur #contenu #contenu_interieur {padding-top:30px;}
			/*CONTENU GAUCHE*/
			#conteneur #contenu #contenu_interieur #contenu_gauche {padding:0;}
				/*suivez-nous*/
				#conteneur #contenu #contenu_interieur .suivez-nous {display:none;}
				/*mobile*/
				#conteneur #contenu #contenu_interieur #contenu_gauche_mobile {display:block; padding:45px 20px;}
					#conteneur #contenu #contenu_interieur #contenu_gauche_mobile .admission {}
			/*CONTENU CENTRE*/
			#conteneur #contenu #contenu_interieur #contenu_centre {/*float:none;*/ /*overflow-x:hidden;*/ padding:0 20px;}
			#conteneur #contenu #contenu_interieur #contenu_centre #main {padding:0;}
			/*CONTENU DROITE*/
			div#contenu_droit { margin-top: 82px; padding: 0 30px;}
			#conteneur #contenu #contenu_interieur #contenu_droite {background:#CCC; margin-top:20px; padding:20px;}
	/*FOOTER*/
	#conteneur {margin:0 auto -392px;}
	#conteneur .push {min-height: 390px;}
	#bigFooter { padding:40px 20px 30px;}
	#bigFooter a {color:#77c19a;}
		#bigFooter a:hover{color:#e35205;}
		#bigFooter .bigFooterInterieur {}
			#bigFooter .bigFooterInterieur .infoFac {}
			#bigFooter .bigFooterInterieur .suivez-nous {}
				#bigFooter .bigFooterInterieur .suivez-nous .menu-reseaux-sociaux-container {padding:12px 0 0 0;}
					#bigFooter .bigFooterInterieur .suivez-nous .menu-reseaux-sociaux-container ul li {margin:0 0 0 10px;}
					#bigFooter .bigFooterInterieur .suivez-nous .menu-reseaux-sociaux-container ul li:first-child {margin:0;}
						#bigFooter .bigFooterInterieur .suivez-nous .menu-reseaux-sociaux-container ul li a {height:44px; width:44px; background-size:44px auto;}

			#bigFooter .bigFooterInterieur .coordonnees .metro:before { content: ''; background: url('images/metro.svg') no-repeat; padding: 3px 10px; margin: 0px 8px 0 0;}
			#bigFooter .bigFooterInterieur .coordonnees .maps:before { content: ''; background: url('images/map.svg') no-repeat; display: inline-block;padding: 12px 9px; margin: 0px 8px 0 2px; vertical-align: bottom;}
	/*ACCUEIL*/
	/* Nouvelles RSS	*/
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle {padding:0; width:100%;}	
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle .nouvelle-thumbnail a .nouvelle-image {margin:0 0 10px 0; padding:0!important; width:100%;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle .nouvelle-title a {margin-bottom:0; font-size: 112.5%;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle .nouvelle-title .nouvelle-date {padding-top:0; display: block; }
	
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div,
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li,
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle{padding:0; width:100%;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div .thumbnail a img,
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li p a img {margin:0 0 10px 0;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li p {margin:0;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous {position:relative; clear: both;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous ul li {margin-bottom:10px;}	
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous ul li:last-child {margin-bottom:0;}	
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div .title,
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li {margin-bottom:50px;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div .title span {padding-top:0;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle {margin-bottom:20px;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle .eventTime {margin-bottom:-15px;}
	
.titre_site{display:inline-block !important;}	

#main table.sticky-thead, #main table.sticky-enabled {max-width:none;}

.home .lire-la-suite {display:none;}
.home .categorie {
    color: #595959;
    text-transform: uppercase;
    font-size: 0.875em;
    font-weight: bold;
}

.home .extrait .titre { font-weight: bold; font-size: 1.25em; }
	.home .extrait p { font-size: 0.875em; }
	
.accueil-1 { padding: 0 10px;}	
.accueil-1 .vignette {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    padding-top: 0px;
}
	.accueil-1 .vignette img {
		object-fit: cover;
		font-family: 'object-fit: cover;';
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: absolute;
		opacity: 0.5;
	}
	.accueil-1 .vignette { background: rgba(0,0,0,0.9); }
.accueil-1 .extrait {
    position: absolute;
    bottom: 0;
	right:0;
    padding: 0 60px 30px 30px;
	pointer-events: none;
}
	.accueil-1 .extrait p,
	.accueil-1 .extrait .categorie { color: #fff; margin: 0; }

.accueil-2_3,
.accueil-4_5 { padding-top: 20px; }	

	.accueil-2_3 .vignette, 
	.accueil-4_5 .vignette {
		position: relative;
		padding-bottom: 25%;
		height: 0;
		padding-top: 0px;
	}
		.accueil-2_3 .vignette img, 
		.accueil-4_5 .vignette img {
			object-fit: cover;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			position: absolute;
			font-family: 'object-fit: cover;';
		}

	.accueil-2_3 .extrait, 
	.accueil-4_5 .extrait { padding-left: 20px;}

		section.liens-primaires { clear: both; padding: 20px 10px; }
		section.liens-primaires div {padding: 5px 0;}	
		a.liens-primaires { background:#77c19a; padding: 30px; color: #fff; font-size: 1.25em; font-weight: bold; display: block;}
		a.liens-primaires:hover { background: #e35205; text-decoration: none; }
		a.liens-primaires:after { 
			content:''; 
			background-image: url('images/fleche-bouton.svg');     
			position: absolute;
			right: 45px;
			width: 24px;
			height: 20px;
			background-position: center;
			background-repeat: no-repeat;
			top: 35px;
			background-size: 100%; 
		}	
	.promo { margin-top: 40px; }
	
	/*footer*/
	#mc_embed_signup {
		background-image: url('images/horizontal-border.svg');
		background-repeat: repeat-x;
		top: 15px;
		padding: 20px 0;
		position: relative;
	}
	.mc-field-group label {margin: 9px 0 !important; text-align: right; display: inline-block; width: 23%; }
	.mc-field-group input {width: 75%; float: right; border-radius:0; }
	#mc-embedded-subscribe {
		border: none;
		border-radius: 0;
		background: #77c19a; 
		color: #fff;
		font-size: 1em;
		font-weight: normal;
		line-height: normal;
		box-shadow: none;
		text-shadow: none;
		float: right;
	}	
		#mc-embedded-subscribe:hover {	
			background: #e35205;
		}
	.coordonnees, 
	.suivez-nous .suivez-nous {
		background-image: url('images/horizontal-border.svg');
		background-repeat: repeat-x;
		top: 15px;
		padding: 20px 0;
		position: relative;
	}
		.suivez-nous .suivez-nous h2 { vertical-align: text-bottom; padding-right: 20px;}
		.suivez-nous .suivez-nous h2,
		.suivez-nous .suivez-nous .menu-reseaux-sociaux-container { display: inline-block;}
/* Articles	*/

		.extrait h2 { font-size: 150%; font-weight: bold; }
		.extrait a { color: #77c19a; }
			.extrait a:hover { color: #e35205; }
		
		.sticky-article { position: relative; margin-bottom: 60px; }
		.sticky-article .vignette { width: 100%; position: relative; padding-top: 100%; background: rgba(0,0,0,0.9)}
		.sticky-article .vignette img { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; }
		.sticky-article .extrait { position: absolute; bottom: 0px; padding: 30px; pointer-events: none;}
			.sticky-article .category {font-weight: bold; color: #fff; text-transform: uppercase; font-size: 87.5%; }
			.sticky-article .extrait h2 { padding: 5px 0 10px; }
			.sticky-article p { color: #fff; }
			.sticky-article .lire-la-suite { 
				position: absolute; 
				right: 0px;
				background: #77c19a url('images/plus.svg') no-repeat center; 
				padding: 0; 
				height: 30px; 
				width: 30px; 
				text-indent: -999%; 
			}
			.sticky-article .vignette a:hover + .extrait .lire-la-suite a {background: #e35205 url('images/plus.svg') no-repeat center; }
			.sticky-article .vignette a:hover ~ .extrait a.titre {color: #e35205; }
		
		.article { clear: both; display:table; background-image: url(images/horizontal-border.svg); background-repeat: repeat-x; background-position: bottom; padding: 23px 0 0 0; }
		.article .vignette { position: relative; padding: 0; /*width: 100%; padding-top: 100%;*/ }
		.article .vignette:before { content: ""; display: block; width: 100%; padding-top: 100%; }
		.article .vignette img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; font-family: 'object-fit: cover;';}
		.article .extrait { padding-left: 20px; }

		.article p { margin-bottom: 15px; }	
		 
			.article .suite a:after { content:'\003e'; text-decoration:none; display: inline-block; margin-left: 4px; font-size: 0.875em; }
		
		#contenu_centre .image-principale img {
			/* float: left; */
			padding-right: 0; 
			padding-top: 6px;
			width: 100%;
		}
		.wp-caption .wp-caption-text {
			background: #ebebeb;
			padding: 2em;
			text-align: left;
			margin: 0;
		}
		.excerpt {
			background: #ebebeb;
			padding: 1.25em;
			text-align: left;
			margin: 0;
		}
			.excerpt p { margin: 0; }

	.single-post .categorie {margin-bottom:5px;}
	.single-post .categorie a {text-transform: uppercase; font-size:0.875em; font-weight: bold;}
}

/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE PETITE TAILLE & TABLETTE */ 
@media only screen and (min-width:768px){
	
	#main table.sticky-thead, #main table.sticky-enabled {max-width:100%;}
	
	#conteneur #header #header_couleur #header_interieur { }
	 #conteneur #header #header_couleur #header_interieur #logo {
			/*padding: 22px 20px 0;*/
		}
		
		#conteneur #header #header_couleur {
			background: url('images/header_bg-full.jpg') center no-repeat;
			background-size: cover;
			font-family: 'object-fit: cover;';
		}
	.menu_utilities { top: 108px; width: 350px; right: 0; }

	
	.accueil-1 { padding: 0 30px 0 0px;}	
	
	/*TITRE*/
	.metaslider { margin: 0 auto; }
	h1,
	.home #main h2 {font-size:225%; }
	h1::before {
		content: '';
		background: url('images/fleche-titre.svg') no-repeat left;
		display: inline-block;
		width: 40px;
		height: 40px;
		position: absolute;
		left: -45px;
	}
	h2 {font-size:187.5%;}
	.archive .article h2 { padding:0; margin:0; font-size: 125%; margin-bottom: 20px; }
	/*ACCUEIL*/
	/*Nouvelles RSS*/
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle {padding:0 11px; width:33.333%; float: left;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle .nouvelle-content,
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle .nouvelle-thumbnail{width: 100%; padding:0!important;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle .nouvelle-thumbnail a .nouvelle-image {margin:0 0 20px 0; padding:0!important;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle .nouvelle-title a {margin-bottom:0; font-size: 112.5%;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle .nouvelle-title .nouvelle-date {padding-top:10px; display: block; }
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle:first-child {padding:0 22px 0 0;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget .nouvelle:last-child {padding:0 0 0 22px;}
	
	
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div,
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li,
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle{padding:0 11px; width:33.333%;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div .thumbnail a img,
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li p a img {margin:0 0 20px 0;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li p {margin:0 0 10px 0;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li {margin:0;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous ul li {margin-bottom:0;}	
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div .title {margin-bottom:0;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div .title span {padding-top:10px;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous {position:absolute; right:0; top:15px;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous ul li {display:inline;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous ul li+li {
		background: url('images/bg_pointille_vertical.png') repeat-y left top;
		margin-left: 25px;
		padding-left: 25px;
	}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle {margin-bottom:0;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle .eventTime {margin-bottom:8px;}
	/*ACCUEIL*/
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div:first-child,
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li:first-child,
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle:first-child {padding:0 22px 0 0;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles .widget div:last-child,
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #babillard .babillard ul li:last-child,
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main #evenements #murmitoyen .eventTitle:last-child {padding:0 0 0 22px;}
	.home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous {}
	/*BANNIERE*/
	#conteneur #contenu #banniere {display:block;}
	#conteneur #contenu #banniere .easingslider,
	#conteneur #contenu #banniere .easingslider .easingslider-viewport {height:155px;}
	/*MENU PRINCIPAL*/
	#conteneur #contenu #menu_principal .menu>li {margin-bottom: 0px; }
	#menu_principal .menu>li.current-menu-item>a {
		color: #fff;
		background: #77c19a;
	}
			#menu_principal .menu>li>a:hover {
				color: #fff;
				background: #77c19a;
			}
			.home #menu_principal .menu>li.menu-item-19>a,
			.home #menu_principal .menu>li.menu-item-77>a {
				color: #fff;
				background: #77c19a;
			}
			
	/*FOOTER*/
	#conteneur {margin:0 auto -422px;}
	#conteneur .push {min-height: 420px;}
		/*AJOUT*/
		#conteneur #contenu #contenu_interieur #bigFooter{display:none !important;}
		#conteneur #contenu #contenu_interieur #contenu_gauche_mobile, #conteneur #contenu #contenu_interieur #contenu_footer_mobile{
			float:left;
			width:50%;
		}
		#contenu_footer_mobile .menu-reseaux-sociaux-container ul li a {
			height: 44px;
			width: 44px;
			background-size: 44px auto;
		}
		#contenu_footer_mobile  .menu-reseaux-sociaux-container ul li a:hover {background-position: left bottom;}
		#contenu_footer_mobile  .menu-reseaux-sociaux-container ul li.facebook a {background-image:url('images/reseaux_sociaux/facebook.svg');}
		#contenu_footer_mobile  .menu-reseaux-sociaux-container ul li.twitter a {background-image:url('images/reseaux_sociaux/twitter.svg');}
		#contenu_footer_mobile  .menu-reseaux-sociaux-container ul li.youtube a {background-image:url('images/reseaux_sociaux/youtube.svg');}
		#contenu_footer_mobile  .menu-reseaux-sociaux-container ul li.rss a {background-image:url('images/reseaux_sociaux/rss.svg');}
		#contenu_footer_mobile  .menu-reseaux-sociaux-container ul li.linkedin a {background-image:url('images/reseaux_sociaux/linkedin.svg');}
		#contenu_footer_mobile .menu-reseaux-sociaux-container ul li.instagram a {background-image:url('images/reseaux_sociaux/instagram.svg');}
		#bigFooter{}
		#mobile{background-color:#f3f3f3; width:100%; height:100%;padding-top:15px; display:block; float:left; position:relative; background-color:#f3f3f3; border-top: 3px solid rgba(0,0,0,0.2); 
		display:none; }
		/*.coord{padding-top:60px !important;}*/
		.limite{margin-top:45px !important;}
		#contenu_footer_mobile{padding: 19px 20px;}
		#contenu_footer_mobile .menu-reseaux-sociaux-container {}
			#contenu_footer_mobile .menu-reseaux-sociaux-container ul {}
				#contenu_footer_mobile .menu-reseaux-sociaux-container ul li {
					background: none;
					float: left;
					padding: 0;
				}
				#contenu_footer_mobile .menu-reseaux-sociaux-container ul li.mauvais_nom {display:none;}
					#contenu_footer_mobile .menu-reseaux-sociaux-container ul li a {display:block;}
					#contenu_footer_mobile .menu-reseaux-sociaux-container ul li { margin: 0 0 0 10px;}
					#contenu_footer_mobile .menu-reseaux-sociaux-container ul li:first-child { margin: 0;}
	
				/*Coordonnées*/
				#mobile .liens {
					background: url('images/bg_pointille.png') repeat-x left top;
					margin-top: 10px;
					padding-top: 10px;
				}
					#mobile .liens ul {}
						#mobile .liens ul li {
							display: inline;
							padding: 0 35px 4px 0;
						}
						#mobile .liens ul li:first-child {
							background: url('images/bg_pointille_vertical.png') repeat-y right top;
						}
						#mobile .liens ul li+li {
							background: url('images/carte_icon.svg') no-repeat left top 2px;
							margin-left: 15px;
							padding-left: 20px;
						}
							#mobile .liens ul li a {
								background: url('images/fleche_droite_bleu.svg') no-repeat;
								background-position: right top 7px;
								background-position-x: 100%;
								background-position-y: 5px;
								padding-right: 13px;
							}
		.colonnes{
			-moz-column-count: 2;
			-moz-column-gap: 2.5em;
			-webkit-column-count: 2;
			-webkit-column-gap: 2.5em;
			 column-count: 2;
			 column-gap: 2.5em;
		}
		#conteneur {margin:0 auto -26px ;}
		#conteneur .push {min-height:26px;}
		
		
		.image-principale,
		.colonne-droite,
		.sticky-article { 
			margin-left: 100%;
			float: right;
			position: absolute;
			left: 0px;
			width: 50%;
			padding-left: 20px;
		}
			.image-principale,
			.colonne-droite {padding-right: 20px;}
			
			.image-principale { top:0; }
			.colonne-droite {top: 81px;}
		
		.wp-caption .wp-caption-text {
			background: #ebebeb;
			padding: 2em;
			text-align: left;
			margin: 0;
		}
		
	.coordonnees {
		background: none;
		top: inherit;
		padding: inherit;
	}
/* Accueil*/
.home #conteneur #contenu #contenu_interieur #contenu_centre {padding:0 15px;}
	.nouvelles { background: #fff; margin: 0; }
		
	.accueil_mini article {padding-bottom: 30px; padding-left: 0;}
	.accueil_mini { padding: 0; }
			
	.accueil-2_3,
	.accueil-4_5 { padding-top:0; }	
		
/*	.accueil-1 { padding: 0 30px 0 0; }
	.accueil_2_3 { padding: 0 15px 0 0; }
		
	
	.accueil_mini article {padding: 0;}
			
	.accueil-2_3,
	.accueil-4_5 { padding-top:0; }	
	
	.accueil-2_3 .extrait, 
	.accueil-4_5 .extrait { padding-left: inherit; overflow: hidden; }*/
	
	
/*	.accueil-2_3:nth-child(1) .vignette,
	.accueil-4_5:nth-child(1) .vignette  { float:right;}

		.accueil-2_3:nth-child(1) .vignette img,
		.accueil-4_5:nth-child(1) .vignette img { padding-left: 15px; padding-bottom: 15px; }
		.accueil-2_3:nth-child(2) .vignette img,
		.accueil-4_5:nth-child(2) .vignette img { padding-right: 15px; padding-bottom: 15px;  }
		
		.accueil-2_3:nth-child(1) .extrait,
		.accueil-4_5:nth-child(1) .extrait { padding: 0 15px 0 0; }
		.accueil-2_3:nth-child(2) .extrait,
		.accueil-4_5:nth-child(2) .extrait { padding: 0 0 0 15px; }
		
	.accueil-2_3:nth-child(1) .vignette:before,
	.accueil-4_5:nth-child(1) .vignette:before  { content: ''; display: inline-block; position: relative; top: 24px; left: 10px; border-style: solid; border-width: 12px 0 12px 12px; border-color: transparent transparent transparent #ffffff; z-index: 9; }
	
	.accueil-2_3:nth-child(2) .vignette:before,
	.accueil-4_5:nth-child(2) .vignette:before  { content: ''; display: inline-block; position: absolute; top: 24px; right: 15px; border-style: solid; border-width: 12px 12px 12px 0; border-color: transparent #ffffff transparent transparent ; z-index: 9; }
	
		.accueil-2_3 .vignette,
		.accueil-4_5 .vignette  { padding-bottom: 50%; }*/
			
	.home .vignette a:hover + .lire-la-suite a {background: #e35205 url('images/plus.svg') no-repeat center; }
	.home .vignette:hover ~ .extrait a.titre {color: #e35205; }
	.home .lire-la-suite { 
				display: block;
				position: absolute; 
				right: 0px;
				bottom: 0px;
				margin: 0;
				background: #77c19a url('images/plus.svg') no-repeat center; 
				padding: 0; 
				height: 30px; 
				width: 30px; 
				text-indent: -999%; 
				pointer-events: none;
			}
			.home .lire-la-suite a { text-indent: -9999%; position: relative; display: block; height: 30px; z-index: 10; }
/*			.accueil_2_3 .lire-la-suite,
			.accueil_4_5 .lire-la-suite { 
				margin-bottom: 15px;
				pointer-events: none;
			}
			.accueil-2_3:nth-child(2) .lire-la-suite, 
			.accueil-4_5:nth-child(2) .lire-la-suite {
				margin-right: 15px;
			}*/
			
	section.liens-primaires { clear: both; padding: 20px 0; }		
	section.liens-primaires div:nth-child(1) {padding: 0 30px 0 0;}
	section.liens-primaires div:nth-child(2) {padding: 0 15px 0 0;}
	section.liens-primaires div:nth-child(3) {padding: 0 0 0 15px;}
	
	a.liens-primaires:after { top:30px; }
	


		
/* Articles	*/
		.archive h1{ background-image: url(images/horizontal-border.svg); background-repeat: repeat-x; background-position: bottom; padding-bottom:15px; }		
		.sticky-article .extrait { position: absolute; bottom: 0px; }
			.sticky-article .extrait {  }
		.article{ display:table; background-image: url(images/horizontal-border.svg); background-repeat: repeat-x; background-position: bottom; padding: 23px 0 0 0;}
		.article .lire-la-suite { margin-bottom: 30px;}
/*		.article .vignette img { width: 100px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
*/		
	
.titre_site{position:absolute !important; left: 10px!important}		
}

/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE MOYENNE TAILLE & ÉCRAN DE BUREAU */
@media only screen and (min-width:992px){
	html, body {cursor:default;}
	/*HEADER*/
	#conteneur #header {border-bottom: 0;}
	
	
	/*CONTENU*/
	.metaslider .slides a:after {
		content: '';
		height: 70px;
		display: block;
		position: absolute;
		right: 0;
		top: 45%;

	}
	
	/*#contenu {content: ''; background:url('images/fleche-bg_haut.svg') no-repeat -90px 500px; background-attachment: fixed; }*/
		/*MENU PRINCIPAL*/
		#conteneur #contenu #menu_principal {
			background: rgba(0,0,0,0.85);
			display: block !important;
			height: 60px;
			position: relative;
			z-index: 50;
			padding:0px;
		}
			#menu_principal .menu-primary-container,
			#menu_principal .menu-primary-en-container {height:100%; margin:0 auto; padding:0 5px;}
				#menu_principal .menu {height:100%;}
						
					#menu_principal .menu li.current-menu-parent {background:none;}
					#menu_principal .menu li.current-menu-item a {color:#FFF;}
						 #contenu #menu_principal .menu>li>a {
							border-left: 1px solid transparent;
							border-right: 1px solid transparent;
							color:#FFF;
							display: block;
							font-size: 96.5%;
							line-height: 10px;
							padding: 25px 25px;
							position: relative;
							z-index: 100;
						}
						#menu_principal .menu>li>a:hover,
						#menu_principal .menu>li>a.active,
						#menu_principal .menu>li>a:focus,
						#menu_principal .menu>li.current-menu-parent>a.active,
						#menu_principal .menu>li.current-menu-parent>a:hover {
							color: #fff;
							background: #77c19a;
							text-decoration: none;
							
						}
						#menu_principal .menu>li.current-menu-item>a{
							color: #fff;
							background: #77c19a;

						}
						#menu_principal .menu li.menu-item-has-children>a.active_mobile {background-image:url('images/fleche_bas.svg'); text-decoration:none;}
						/*sous menu*/
						#menu_principal .menu li ul {
							background: #4C4C4C;
							border: 1px solid rgba(255,255,255,0.5);
							padding: 30px 15px;
							position: absolute;
								top: 64px;
							width: 245px;
						}
						#menu_principal .menu li.current-menu-parent ul {display:none;}
							#menu_principal .menu li ul li {background:none; border:none; margin:0; padding:0;}
							#menu_principal .menu li ul li:first-child {border:none;}
							#menu_principal .menu li ul li:hover {background-color:rgba(0,0,0,0.4);}
							#menu_principal .menu li ul li.current-menu-item a.active_mobile {background-color:transparent; color:#FFF;}
								#menu_principal .menu li ul li a {
									background: url('images/puce_sous_menu.svg') no-repeat;
									background-position: left 10px top 13px;
									background-position-x:10px;
									background-position-y:13px;
									color: #FFF;
									font-size:92.5%;
									display: block;
									padding: 5px 10px 5px 30px;
								}
								#menu_principal .menu li ul li a {text-decoration:none;}
		
		/*BANNIERE*/
		#conteneur #contenu #banniere {}
			#conteneur #contenu #banniere .easingslider,
			#conteneur #contenu #banniere .easingslider .easingslider-viewport {height:315px !important;}
					#conteneur #contenu #banniere .easingslider .easingslider-viewport .easingslider-slide {background-size:auto;}
						#conteneur #contenu #banniere .easingslider .easingslider-viewport .easingslider-slide img {/*display:none !important;*/}
		
		/*CONTENU INTERIEUR*/
		#conteneur #contenu #contenu_interieur {padding-top:5px; padding-bottom:50px;}
			/*CONTENU GAUCHE*/
			#conteneur #contenu #contenu_interieur #contenu_gauche {padding:0 5px 50px;}
				/*suivez-nous*/
				#conteneur #contenu #contenu_interieur #contenu_gauche .suivez-nous {display:block; padding-left:25px;}
			/*CONTENU CENTRE*/
				h1::before { left: 45px; }
			#conteneur #contenu #contenu_interieur #contenu_centre {float:left; overflow-x:inherit; /*padding: 0 15px 0 5px;*/}
			#conteneur #contenu #contenu_interieur #contenu_centre.col-sm-6 {padding-right: 45px;}
			.home #conteneur #contenu #contenu_interieur #contenu_centre #main {padding:0;}
			#conteneur #contenu #contenu_interieur #contenu_centre #main {padding:0 0 0 85px;}
				#conteneur #contenu #contenu_interieur #contenu_centre #main li.widget,
			/*CONTENU DROITE*/
			#conteneur #contenu #contenu_interieur #contenu_droite {background:none; margin-top:0; padding:45px 5px;}
			/*TABLEAU*/
			div.degrade {display:none;}
	/*FOOTER*/
	#conteneur {margin:0 auto -306px;}
	#conteneur .push {min-height: 303px;}
	#bigFooter {height:auto; display:block; padding:0;}
		#bigFooter .bigFooterInterieur {padding:40px 0; position:relative;}
			#bigFooter .bigFooterInterieur p,
			#bigFooter .bigFooterInterieur .textwidget {}
			#bigFooter .bigFooterInterieur .infoFac {display:block; padding-left:20px;}
			#bigFooter .bigFooterInterieur .suivez-nous {float:left; padding-top:0; position:relative; left:0; top:auto;}
				#bigFooter .bigFooterInterieur .suivez-nous h3 {float:none;}
				#bigFooter .bigFooterInterieur .suivez-nous .menu-reseaux-sociaux-container {float:none; padding:0 0 0 10px; display: inline-block; vertical-align: sub;}
					#bigFooter .bigFooterInterieur .suivez-nous h2 {display: inline-block; }
					#bigFooter .bigFooterInterieur .suivez-nous .menu-reseaux-sociaux-container ul li {margin:0 0 0 5px;}
					#bigFooter .bigFooterInterieur .suivez-nous .menu-reseaux-sociaux-container ul li:first-child {margin:0;}
						#bigFooter .bigFooterInterieur .suivez-nous .menu-reseaux-sociaux-container ul li a {background-size:24px auto; height:24px; width:24px;}
			#bigFooter .bigFooterInterieur .coordonnees {float:left; padding-top:0; padding-right:40px; /*position:absolute; left:530px;*/ position:relative; left:0;}
				#bigFooter .bigFooterInterieur .coordonnees .liens ul li {padding-right:10px;}
	/*LARGEUR INTÉRIEUR*/
	#conteneur #header #header_couleur #header_interieur,
	#conteneur #header #fil_ariane #fil_ariane_interieur,
	#conteneur #contenu #contenu_interieur,
	#conteneur #contenu #menu_principal .menu-primary-container,
	#conteneur #contenu #menu_principal .menu-primary-en-container,
	#bigFooter .bigFooterInterieur,
	#footer #footer_interieur {width:100%;}
	
.titre_site{position:relative !important; left:0px !important; float:left !important;}
#fil_ariane_interieur  .titre_site{display:none !important;}	
}

/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE LARGE TAILLE & ÉCRAN LARGE */
@media only screen and (min-width:1200px){
	#conteneur {content: ''; background:url('images/fleche-bg_droit.svg') no-repeat top 30px center; background-attachment: fixed; background-position-x: calc(50% - -180px); margin: 0 auto -261px; }
	#contenu {
    content: '';
    background: url(images/fleche-bg_haut.svg) no-repeat -90px 500px;
    background-attachment: fixed;
    background-position-x: calc(50% - 900px);
}
	#conteneur #header #header_couleur #header_interieur { height: 100px; }
	 #conteneur #header #header_couleur #header_interieur #logo {
		padding: 22px 20px 0;
	}
	/* .menu_utilities  	*/
	.menu_utilities { position: relative; top: 0; background:transparent; display: block !important; padding-top: 15px; width: 100%; }
		.menu_utilities.ouvert { width: 100%; right: 0; }
		.choix_langue { float: right; margin: 12px 0 0; }
			.choix_langue li { /*display:inline-block;*/ }
			.choix_langue a { width: auto; padding: 5px 10px; }
		.outils_recherche { float: right; margin: 8px 0 0;}
			.outils_recherche-champ { height: 32px; width: 180px; border-radius:0; }
				.outils_recherche input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
					opacity: 0;
				}
				.outils_recherche input::-moz-placeholder { /* Mozilla Firefox 19+ */
					opacity: 0;
				}
				.outils_recherche input:-ms-input-placeholder { /* Internet Explorer 10-11 */
					opacity: 0;
				}
				.outils_recherche input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
					opacity: 0;
				}
				.outils_recherche input::placeholder { /* All */
					opacity: 0;
				}
						.outils_recherche-envoie { position: relative; margin-left: -24px; top: 4px; }
		.menu_principal  { float: right; margin-top: 12px; margin-right: 30px; }
					
			#menu_principal .menu>li {
				float: left;
				height: 100%;
				padding: 0;
			}
			.choix_langue ul {    background-image: url(images/horizontal-border.svg); background-repeat: repeat-y; background-position: 54%;}
			.choix_langue ul:after { content:''; clear:both}
			.choix_langue li {display: inline-block;}
			.choix_langue li.current-lang a {color: #9a9a9a; background:none;padding: 5px 10px;}
			
			.menu_principal li a,
			.choix_langue li a {
				background: transparent;
				color: #77c19a;
				display: inline-block;
    			margin: 0 5px;
			}
				.menu_principal li a {font-weight: bold;text-transform: uppercase;}
				.choix_langue li a {font-weight: normal; padding: 5px 10px;}
				.menu_principal a:hover {
					border: none;
					text-decoration: none;
				}
				.choix_langue li a:hover {
					color: #fff;
					background: #77c19a;
					text-decoration: none;
				}
	
	/*MENU PRINCIPAL*/
	#contenu #menu_principal .menu>li>a {padding:25px;}
	#conteneur #contenu #menu_principal .menu>li.menu-item-has-children>a {background-position-x:88%; background-position-y:48%; background-position:top 29px right 21px; padding-right:45px;}
	#conteneur #contenu #menu_principal .menu li ul {width:290px;}
	#contenu #menu_principal .menu-primary-container .menu>li>a {font-size: 112.5%;}
	#conteneur #contenu #menu_principal .menu-primary-container .menu li ul li a {font-size:100%;}
	#conteneur .push {min-height: 259px;}
	/*FOOTER*/
	#bigFooter .bigFooterInterieur h2 { font-size: 1.25em; }
	#bigFooter .bigFooterInterieur p,
	#bigFooter .bigFooterInterieur .textwidget {}
	#bigFooter .bigFooterInterieur .coordonnees {/*left:645px;*/ left:45px;}
	#bigFooter .bigFooterInterieur .coordonnees .liens ul li {padding-right:35px;}
	#bigFooter .bigFooterInterieur .infoFac {padding-left:105px;}
							.infoFac h2::before {
								content: '';
								background: url(images/fleche-titre.svg) no-repeat left;
								display: inline-block;
								width: 28px;
								height: 24px;
								position: absolute;
								left: 45px;
								background-size: 100%;
							}
	#bigFooter .bigFooterInterieur .suivez-nous {/*left:940px;*/}
	#bigFooter .bigFooterInterieur .suivez-nous {/*position:absolute; left:940px; */ top:auto;}
	/*CONTENU CENTRE*/
	#conteneur #contenu #contenu_interieur #contenu_centre {/*padding: 0 0 0 5px;*/}
	
	/*LARGEUR INTÉRIEUR*/
	#conteneur #header #header_couleur #header_interieur,
	#conteneur #header #fil_ariane #fil_ariane_interieur,
	#conteneur #contenu #contenu_interieur,
	#conteneur #contenu #menu_principal .menu-primary-container,
	#conteneur #contenu #menu_principal .menu-primary-en-container,
	#bigFooter .bigFooterInterieur,
	#footer #footer_interieur {width:1200px;}
	
	.accueil-1 { padding: 0 30px 0 0; }
	.accueil_2_3 { padding: 0 15px 0 0; }
	.accueil_4_5 { padding: 0 0 0 15px; }
	
	.accueil_mini article {padding: 0;}
			
	.accueil-2_3,
	.accueil-4_5 { padding-top:0; }	
	
	.accueil-2_3 .extrait, 
	.accueil-4_5 .extrait { padding-left: inherit; overflow: hidden; height: 180px; }

	
	.accueil-2_3:nth-child(1) .vignette,
	.accueil-4_5:nth-child(1) .vignette  { float:right;}

		.accueil-2_3:nth-child(1) .vignette img,
		.accueil-4_5:nth-child(1) .vignette img { padding-left: 15px; padding-bottom: 15px; 
			box-sizing: border-box;
			background-origin: content-box;
			background-position-x: 0px !important;
			background-position-y: 0px !important; 
		}
		.accueil-2_3:nth-child(2) .vignette img,
		.accueil-4_5:nth-child(2) .vignette img { padding-right: 15px; padding-bottom: 15px;  
			box-sizing: border-box;
			background-origin: content-box;
/*			background-position-x: -15px !important;
			background-position-y: -15px !important; 	*/	
		}
		
		.accueil-2_3:nth-child(1) .extrait,
		.accueil-4_5:nth-child(1) .extrait { padding: 0 15px 0 0; }
		.accueil-2_3:nth-child(2) .extrait,
		.accueil-4_5:nth-child(2) .extrait { padding: 0 0 0 15px; }
		
	.accueil-2_3:nth-child(1) .vignette:before,
	.accueil-4_5:nth-child(1) .vignette:before  { content: ''; display: inline-block; position: relative; top: 24px; left: 10px; border-style: solid; border-width: 12px 0 12px 12px; border-color: transparent transparent transparent #ffffff; z-index: 9; }
	
	.accueil-2_3:nth-child(2) .vignette:before,
	.accueil-4_5:nth-child(2) .vignette:before  { content: ''; display: inline-block; position: absolute; top: 24px; right: 15px; border-style: solid; border-width: 12px 12px 12px 0; border-color: transparent #ffffff transparent transparent ; z-index: 9; }
	
		.accueil-2_3 .vignette,
		.accueil-4_5 .vignette  { padding-bottom: 50%; }
		
					.accueil_2_3 .lire-la-suite,
			.accueil_4_5 .lire-la-suite { 
				margin-bottom: 15px;
				pointer-events: none;
			}
			.accueil-2_3:nth-child(2) .lire-la-suite, 
			.accueil-4_5:nth-child(2) .lire-la-suite {
				margin-right: 15px;
			}
		

	.image-principale,
	.colonne-droite,
	.sticky-article { 
		padding-right: 0px;
	}	
}